217 snippet
Snippet Galerisi
Yazıldıkça eklenen gerçek Wind örnekleri. Sonucu görmek ve kodunu okumak için birini aç.
Aramanızla eşleşen örnek yok.
WCard gibi bir widget adı deneyin ya da bir konu seçin.
Arama yüklenemedi. Tekrar denemek için sayfayı yenileyin.
Son örnekler
217 örnek, en yeniden eskiye.
-
Flutter Lab Results Card with Flagged Reference Ranges
A clinical lab report card that sets every analyte next to its reference range, outlines the out-of-range results in amber and rose, and marks the normal ones with a quiet check. Includes a trend note and a provider CTA, styled end to end with Wind utility classes and full dark-mode pairs.
-
Flutter Grocery List Card with Quantity Pills and Running Total
A shared shopping list where checked items strike through, each row carries a quantity pill and a price, and the footer tracks the running total against the weekly budget. Wind line-through and pill utilities, no state package required.
-
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 Video Call Card with Participant Tile Grid
A live meeting panel with a six tile participant grid, an active speaker ring, per person mute and camera state, connection stats, and a round control bar. Pure Wind className layout, no video plugin needed for the design pass.
-
Flutter Password Strength Card with Requirement Checklist
A sign-up password step that scores strength on a four segment meter, ticks off each requirement live, and confirms the password is not in a known breach list. Built with Wind className utilities and a real WInput field.
-
Flutter Insurance Claim Status Card with Payout Breakdown
A Flutter insurance claim tracker for insurtech apps: four-stage stepper from filed to paid, estimated payout, a two-tone bar splitting covered amount and deductible, assigned adjuster and a document shortcut. Stepper built from fixed-width columns in wind_kit, no stack or painter.
-
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 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 Team Fixture List Card with Result Badges and Form Strip
A football club fixture card that splits played matches from upcoming ones: paired team initial avatars, scores with win, draw and loss badges, a highlighted next match, and a last-five form strip of coloured result tiles. Demonstrates overlapping avatars with ring borders, section labels and grouped rows in Wind.
-
Flutter Transit Departure Board Card with Live Line Times
A live departure board for a transit stop: coloured line-number tiles, destination rows with on time and delayed states, countdown times, a last-updated footnote and a route planner action. A good example of Wind rows that pair a fixed square badge with a two-line label and a right-aligned value.
-
Flutter VPN Connection Status Card with Server and Speed Stats
A VPN client status card with a large protected state badge, the active server and its latency, protocol and kill switch rows in a soft inner panel, session and throughput stats, plus a disconnect action. Shows how Wind handles centred column layouts, nested panels and dark-mode inverted buttons.
