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.
Smart home and IoT snippets
13 snippets, newest first.
-
Flutter Bubble Level Card with Bullseye and Tilt Vials
A spirit level card for Flutter tool apps, built with Wind: a bullseye vial with target rings and crosshair, vertical and horizontal tube vials with tolerance marks, a big total tilt readout, roll and pitch tiles and a set reference button. Every bubble sits where the stated tilt puts it.
-
Flutter Battery Cell Balancing Card with Per Cell Voltage Gauges
A battery management panel that gives every cell in the pack its own vertical gauge, so a low cell and the one being bled off both stand out at a glance against the pack voltage and delta. Each gauge is a fixed height cell with a bottom anchored fill, which is the vertical twin of the classNames progress bar pattern.
-
Flutter Borehole Log Card with Proportional Soil Strata Column
A Flutter borehole log card for geotechnical and ground investigation apps: soil strata as coloured bands proportional to true thickness, a shared depth rail, SPT blow counts beside each layer and the groundwater strike marked across the column. Aligned wind_kit divs, no chart package.
-
Flutter Grain Storage Card with Silo Fill Level Gauges
A Flutter grain storage card for farm monitoring apps: each bin drawn as a silo with a bottom-anchored fill level, a 90 percent overfill line across every silo and a flag on the bin that crossed it. Fixed-pixel wind_kit divs, no chart library, no custom painter.
-
Flutter Beehive Inspection Card with Stacked Box Layers
A hive record card built as the hive itself: outer cover, honey supers, queen excluder, brood box, and bottom board rendered as overlapping layers, each carrying its own frame count and status pill. Negative margins do the stacking, styled with Wind utility classes and full dark-mode pairs.
-
Flutter eSIM Data Plan Card with Segmented Block Meters
A mobile plan usage card that trades the usual continuous progress bar for discrete lit blocks, so data, minutes, and texts can be read at a glance. Adds a burn-rate warning, a roaming row, and a top-up CTA, all styled with Wind utility classes and full dark-mode pairs.
-
Flutter Tire Pressure Card with Four Corner Wheel Readout
A TPMS panel that maps live psi onto the car itself: four corner tiles around a center chassis, the low tire flagged in amber with the exact top up amount, plus recommended pressure, tire temperature, and the nearest air pump.
-
Flutter Crop Field Health Card with Soil Moisture Zones
A Flutter crop field health card for precision agriculture apps: NDVI canopy score with weekly delta, four zones with soil moisture bars (dry, optimal, wet), weather and harvest stats and the next irrigation window. Bars sized in pixels on one shared scale with wind_kit.
-
Flutter Factory Andon Board Card with Line Station Status
A Flutter Andon board for factory and industrial operations apps: shift output against target, OEE badge, five station rows coded running, idle or stopped, cycle times and total downtime. Status colours on square station tiles, built with wind_kit utility classes.
-
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.
-
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 Home Energy Usage Panel with Room Breakdown
A smart-home energy dashboard with today's total kWh, a savings trend badge, and per-room consumption bars. Built for home automation and utility apps.
