217 snippet
Snippet Galerisi
Yazıldıkça eklenen gerçek Wind örnekleri. Sonucu görmek ve kodunu okumak için birini aç.
Aramanızla eşleşen örnek yok.
WCard gibi bir widget adı deneyin ya da bir konu seçin.
Arama yüklenemedi. Tekrar denemek için sayfayı yenileyin.
Son örnekler
217 örnek, en yeniden eskiye.
-
Flutter Sleep Score Panel with Stage Breakdown
A dark health panel led by a bold sleep score, with a segmented sleep-stage bar (light, deep, REM), a color-coded legend, and total-sleep and restfulness chips. A clean recovery-tracking pattern built with Tailwind-style className utilities in Flutter.
-
Flutter Stock Watchlist Card with Live Price Deltas
A dark fintech watchlist card with a bold portfolio value, a daily-change indicator, and a list of ticker rows showing price and color-coded percent deltas in green and red pills. Built with Tailwind-style className utilities in Flutter.
-
Flutter Event Ticket Card
A vibrant gradient event ticket with the headline act, venue and date, a perforated divider, seat metadata, and a barcode strip for scan-in. An entertainment pattern built with Tailwind-style className utilities in Flutter.
-
Flutter Language Learning Flashcard
A clean vocabulary flashcard with a language badge, XP reward, the target word with its phonetic spelling, a translation row with an audio control, and review actions. An e-learning pattern built with Tailwind-style className utilities in Flutter.
-
Flutter Habit Streak Tracker Card
A warm gradient habit card that gamifies a daily routine with a bold streak count, a seven-day completion dot row, and a one-tap log action. A health and productivity pattern built with Tailwind-style className utilities in Flutter.
-
Flutter Loyalty Rewards Card with Tier Progress
A dark gradient loyalty card that surfaces a points balance, membership tier badge, and a progress bar toward the next reward level, paired with quick Redeem and History actions. A clean fintech and retail pattern built with Tailwind-style className utilities in Flutter.
-
Öne çıkan
Flutter AI Assistant Chat Bubble Card
A glassmorphic AI assistant chat card with an avatar header, an online status dot, a response bubble wrapping an inset code block, a typing indicator, and suggestion chips. Built with Wind UI utility classes and dark mode pairs.
-
Flutter Order Delivery Status Timeline Card
A vertical order-tracking timeline with completed check nodes, an active out-for-delivery step, a pending delivery node, connecting lines, and an arrival ETA chip. Built with Wind UI utility classes and dark mode pairs.
-
Flutter OTP Verification PIN Entry Card
A one-time-code verification card with a six-cell PIN entry row, a focused cell showing a caret and ring glow, a resend countdown, and a primary verify action. Built with Wind UI utility classes and dark mode pairs.
-
Flutter Flash Sale Countdown Timer Card
A high-urgency flash sale card with a lightning badge, a discount pill, product pricing with a struck-through original price, and a live HH:MM:SS countdown over a warm gradient. Built with Wind UI utility classes and dark mode pairs.
-
Flutter iOS 27 Liquid Glass Translucency Control Card
The headline iOS 27 feature from WWDC 2026: a tunable Liquid Glass appearance card with a translucency slider that runs from ultra clear to fully tinted. Built with Wind UI over a vivid wallpaper so you can see exactly how much the glass refracts.
-
Öne çıkan
Flutter iOS 27 Siri AI Panel with Dynamic Island Glow
The new Siri AI surface from iOS 27, unveiled at WWDC 2026: a dark, focused panel with a soft desaturated multicolor glow expanding from the Dynamic Island. Built with Wind UI, it pairs a listening pill, a conversation thread, and an Ask anything field over a near black canvas.
