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.
-
Flutter Color Palette Swatch Card with Shade Scale
A color palette card showing four Wind color families across five shades each, the utility-first token scale at a glance. Built entirely from Wind className strings with dark mode built in.
-
Flutter Progress Stepper Wizard with Plan Selection
A multi-step wizard header with a connected step rail (completed, active, and upcoming states) over a plan selection step and a continue button, all composed from Wind utility classes.
-
Flutter Team Members Grid with Role Badges
A team roster grid with gradient initial avatars, online status dots, and color coded role badges, composed entirely from Wind utility classes with dark mode built in.
-
Flutter Onboarding Slide with Feature Highlight and Page Dots
A polished onboarding slide built with Wind utility classes: a gradient feature icon, a bold headline, supporting copy, page indicator dots, and a full-width call to action. Dark mode pairs are included on every color token.
-
Flutter Referral Reward Card with Invite Link and Tiers
A referral rewards card written in pure Wind className strings: progress toward the next reward, unlocked and locked tiers, earnings to date, and a copyable invite link. Every color carries its dark pair.
-
Flutter AI Prompt Composer Card with Quick Actions
An AI assistant prompt composer card with a model badge, a streaming response preview, quick-action chips, and a prompt input with a generate button. A marketing-ready AI chat UI built with Wind utility classes and full dark-mode pairing.
-
Featured
Flutter Smart Home Device Control Card with Toggles
A smart home control card listing room devices with colored icon tiles, status labels, and on/off toggle switches. Built with Wind utility classes and dark-mode pairs.
-
Flutter Fundraising Donation Progress Card with Donors
A fundraising campaign card with a goal progress bar, overlapping donor avatars, donor count, and a donate call-to-action. A marketing-ready donation UI using Wind utility classes.
-
Flutter File Upload Card with Progress Bars
A file upload card with a drag-and-drop zone and per-file progress bars showing uploading and completed states. Styled with Tailwind-style Wind classes and dark-mode support.
-
Flutter Messages Inbox List with Unread Badges
A messaging inbox list with gradient avatars, last-message previews, timestamps, and unread count badges. Built with Wind utility classes and full dark-mode pairing.
-
Flutter Discount Voucher Card with Promo Code
A bold discount voucher card with a gradient background, promo code block, copy action, and a call-to-action button. A marketing-ready coupon UI using Wind utility classes.
-
Flutter Component Search Card with Live Suggestions
A component search card built on the real WInput widget, with a focused search field and a categorized suggestion list. Demonstrates Wind form inputs with icon tiles and dark-mode pairs.
