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.
Featured snippets
Hand-picked from the gallery.
-
Flutter Virtual Payment Card with Balance Summary
A premium gradient virtual payment card with an EMV chip, masked card number, cardholder details, and a balance summary row with a live trend badge. Built with Wind utility classes and full dark-mode pairs.
-
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 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 Product Card for E-commerce Grids
An e-commerce product card with a discount badge, name, price, star rating, and an add-to-cart button. Styled entirely with Wind UI utility classes and dark mode ready.
-
Flutter Liquid Glass Tab Bar with Floating Navigation
A frosted Liquid Glass navigation bar floating over a vivid gradient home screen, inspired by the iOS 26 design language unveiled at WWDC 2025. Translucent surfaces, glowing color orbs, and a glass Up Next card show how to build real depth with Wind UI.
-
Flutter Trading Chart Card with Candlestick Session Range
An intraday trading card that pairs a 14 bar candlestick chart with its volume histogram, a price axis, and the session open, high, low, and volume figures. Every wick and body is a plain Wind div, so the whole chart renders without a charting library.
-
Flutter Pricing Card with Tailwind-Style className
A SaaS pricing card built with Wind UI utility classes: icon badge, plan name, monthly price, a checkmark feature list, and a full-width CTA. Dark mode included.
-
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.
-
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 Dashboard Stat Cards with Trend Badges
Three dashboard metric cards showing a value, label, and up or down trend badge with icons. A compact KPI row built with Wind UI utility classes and dark mode.
Latest snippets
217 snippets, newest first.
