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 Chess Puzzle Card with Mate in Two Board
A daily chess puzzle card for Flutter apps, built with Wind: a full 8x8 board with coordinates, Unicode pieces, a highlighted last move, a mate in two badge, solve stats and a hint button. The position is a real puzzle with exactly one winning first move.
-
Flutter Word Game Card with Letter Tile Rack and Premium Squares
A Flutter word game card for word duel apps: a live board row with triple word, double word and letter premium squares, a scoring play on the pink double word and a seven-tile rack with point values. Tiles and squares are plain wind_kit divs over WDynamic, no canvas, no image.
-
Flutter Restaurant Floor Plan Card with Table Occupancy Status
A Flutter restaurant floor plan card for host stand apps: round tops, banquette booths, a communal eight-top and a bar with stools, each table coloured free, seated or held. Every table is a div at a fixed pixel coordinate in wind_kit over WDynamic, no canvas, no image.
-
Flutter Typing Heatmap Card with Colour Coded QWERTY Keys
A typing analytics card that draws a real staggered QWERTY layout, tinting every key by how often it was pressed, from a cold grey Z to a hot rose E. Built with Wind utility classes over WDynamic: 26 keycaps, a space bar and a five step legend, all plain divs with no canvas and no image assets.
-
Flutter Sheet Music Practice Card with Staff Notation
A Flutter sheet music practice card for music learning apps: a treble staff with five lines, a clef, a 4/4 time signature and eight note heads with stems at true pitch positions, the current note highlighted. wind_kit over WDynamic with positioned divs, no canvas, no image.
-
Flutter Market Share Card with Marimekko Mosaic Columns
A Flutter market share card using a Marimekko mosaic: column width shows segment size and the stack inside shows who owns it, so which brand leads which segment is visible before you read a number. Pure wind_kit flex boxes with fixed pixel sizing and dark mode pairs.
-
Flutter Starting XI Lineup Card with Pitch and Player Chips
A Flutter starting XI lineup card for football and matchday apps: a pitch with halfway line, penalty boxes and centre spot, all eleven players placed at fixed coordinates so any formation is a coordinate table, plus bench pills and a captain callout. wind_kit utility classes with dark mode pairs.
-
Flutter Guitar Chord Diagram Card with Barre and Finger Dots
The chord every beginner quits on, drawn properly. A real fretboard box with a thick nut, six strings, numbered finger dots and a full barre across the first fret, plus three easier voicings underneath. Every line and dot is a positioned Wind box, so there is no image asset and no charting library.
-
Flutter SLA Scorecard Card with Bullet Chart Target Markers
A Flutter SLA scorecard card for support desk dashboards: bullet charts with qualitative bands, a thick actual-value bar and a vertical target tick, so a missed target shows at a glance instead of hiding in a percentage. Built with wind_kit utility classes, dark mode pairs, no chart package.
-
Flutter Revenue Bridge Card with Floating Waterfall Steps
A waterfall bridge that walks opening recurring revenue to closing through new, expansion, contraction and churn. Each step floats at its own running total with a hairline connector to the next, so the additions and the losses are readable without a chart library.
-
Flutter Punch Card Grid with Dot Size Encoded Busy Hours
A weekday by hour punch card where the dot diameter carries the value instead of a colour ramp, so the evening ridge and the weekend midday bulge read at a glance. Forty two sized dots placed on a fixed pixel lattice, pure Wind className strings.
-
Flutter Code Minimap Card with Viewport Window and Problem Markers
An editor file overview rendered entirely from Wind utility classes: a syntax tinted minimap of the whole file, a translucent viewport window showing where you are scrolled, and an overview ruler ticking off every error and warning below the fold.
