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.
Media and music snippets
10 snippets, newest first.
-
Flutter Beat Sequencer Card with 16 Step Track Grid
A drum machine pattern grid where instrument tracks run down the left and 16 steps run across the top, so every cell is a step you can read at a glance. Six tracks, downbeat markers on 1, 5, 9 and 13, and a transport button, all built from fixed-size Wind divs.
-
Flutter Mixing Console Card with Channel Strip Level Meters
A Flutter audio mixer card for music production apps: six vertical channel meters with peak and clip zones, dB readouts, mute and solo pills and a master bus meter with a no-clipping badge. Vertical meters from a fixed-height track and bottom-aligned fill in wind_kit, no custom painter.
-
Flutter Festival Lineup Card with Set Times and Stages
A Flutter festival lineup card for music and event apps: gradient stage-art header, set-times list with a starred headliner, per-act time pills, coloured stage tags, a venue row and a get-passes button. Built with wind_kit className utilities and dark mode pairs.
-
Flutter Cinema Seat Selection Card with Screen and Legend
A movie theater seat picker built with Wind for Flutter: a screen indicator bar, a color-coded seat grid (available, selected, taken), a state legend, and a live seat and price summary above a booking button. A pre-purchase seat map layout using Tailwind-style className utilities with dark-mode pairs.
-
Flutter Year in Review Recap Card with Top Artists
A bold year-in-review recap card built with Wind: a violet-to-fuchsia gradient, an oversized minutes-listened stat, a ranked top-artists list with proportional progress bars, and a top-genre plus listening-rank footer. Dark-mode ready.
-
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 Streaming Movie Card with Rating and Genre Tags
A cinematic detail card for a streaming or movie app: a gradient poster with a centered play affordance, rating and 4K HDR badges, genre tags, a two-line synopsis, and stacked Play and Add to My List actions. Built with Wind utility classes and full dark-mode pairing.
-
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 Liquid Glass Music Player with Now Playing Card
A Liquid Glass now-playing card where vivid album art bleeds its color through a translucent surface, in the spirit of the iOS 26 design language. Built with Wind UI: gradient cover art, a glass play overlay, a progress track, and a full transport control row.
-
Flutter Podcast Now Playing Card with Controls
A media now-playing card with cover art, episode title, a progress track with elapsed and total time, and playback controls. Styled entirely with Wind UI utility classes and dark mode ready.
