217 snippets
Snippet Gallery
Real Wind examples, added as they are written. Open one to see the result and read its code.
No snippets match your search.
Try a widget name such as WCard, or pick a topic.
The search could not load. Reload the page to try again.
Latest snippets
217 snippets, newest first.
-
Featured
Flutter Boarding Pass Card with Perforated Stub and Barcode
A polished airline boarding pass built with Wind: an indigo header with the SFO to NRT route and flight code, a perforated dotted tear line, a passenger plus gate, seat, and boarding key-value grid, and a scannable barcode strip. Dark-mode ready.
-
Flutter Subscription Management Card with Usage Meter
A subscription management card showing the current plan, monthly price, renewal date, an API usage meter, and a manage action. Clean Wind styling with complete dark-mode pairs.
-
Flutter Real Estate Property Listing Card with Photo Header
A real estate property listing card with a gradient photo header, price overlay, location, beds, baths, and area stats, plus a details call to action. Responsive Wind layout with dark mode.
-
Flutter EV Charging Status Card with Battery Progress
An EV charging status card showing battery percentage, a gradient progress bar, energy added, time remaining, and session cost, with a stop-charging action. Wind-styled with dark-mode support.
-
Flutter Meditation Session Card with Streak and Weekly Goal
A calming daily meditation card with a gradient backdrop, guided session details, a streak badge, and a weekly goal progress bar. Built with Wind utility classes and complete dark-mode pairs.
-
Flutter Monthly Budget Card with Category Spending Bars
A personal-finance budget card built with Wind: a remaining-balance hero with an overall progress bar, plus per-category spending rows (food, transport, shopping, bills) with icon chips and linear progress bars that turn red when a category is over budget. Dark-mode ready.
-
Flutter Restaurant Menu Dish Card with Price and Rating
A food-delivery menu item card built with Wind: a gradient dish header with a popular badge and favorite toggle, star rating, dish description, dietary tags, price, and an add-to-cart button. Dark-mode ready.
-
Flutter Currency Converter Card with Live Exchange Rate
A currency exchange card built with Wind: stacked send and receive amount blocks with currency chips, a convert-flow badge, a live exchange rate with a trend indicator, and a full-width action button. Dark-mode ready.
-
Flutter Poll Results Card with Vote Percentage Bars
A live poll results card built with Wind: a question header, ranked answer options each with a horizontal percentage fill bar, a highlighted winning choice, and a vote-count footer. Pure linear bars, no charts, dark-mode ready.
-
Flutter Code Snippet Card with Syntax Colors and Copy
A syntax highlighted code snippet card with a window title bar, a language tag, and a copy button, composed from Wind utility classes. The sample is Wind itself: a className string over a nested widget tree.
-
Flutter Voice Message Bubble with Waveform Player
A chat voice message bubble built with Wind utility classes: a sender avatar, a two tone waveform that shows playback progress, a play control, and the clip duration. Dark mode pairs are included on every color token.
-
Flutter Calendar Month View with Event Dots
A month calendar view in pure Wind className strings: a weekday header, a seven column day grid, today highlighted, and colored event dots. Every color carries its dark pair.
