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.
Paketsiz grafikler örnekleri
26 örnek, en yeniden eskiye.
-
Flutter Glucose Monitor Card with Continuous Trend Line
A continuous glucose monitoring card for health and wearable apps: a 24 hour dot trend line plotted over a shaded target range, amber markers on every reading above 180 mg/dL, time in range and average tiles, and a spike callout. Built with Wind utility classes, complete dark mode pairs and no charting package.
-
Flutter Portfolio Allocation Card with Weighted Treemap Tiles
A holdings breakdown where every tile is sized by its share of the portfolio, so the biggest position is literally the biggest rectangle. Nine positions tile edge to edge across three weighted rows, with asset class totals below and a drift warning strip. Each tile is a fixed size Wind div, no chart library involved.
-
Flutter A/B Test Results Card with Mirrored Variant Bars
An experiment readout where control and variant grow away from a shared centre axis, one metric per row, so which side wins is obvious before you read a single number. Ends with the projected revenue lift and a ship decision.
-
Flutter Feature Prioritization Card with Impact Effort Quadrant Plot
A roadmap card that plots ten candidate features on an impact versus effort field, split into quick wins, big bets, fill ins and time sinks. Each dot is placed at a real pixel offset, so the quadrant a feature lands in is the recommendation.
-
Flutter Conversion Funnel Card with Narrowing Stage Bars
A checkout funnel card where each stage is a centred bar scaled to its true share of traffic, so the drop off is visible as a shape rather than a number. Between the bars sit the exact losses, and the footer calls out the biggest leak in the flow.
-
Öne çıkan
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 Sprint Timeline Card with Offset Gantt Task Bars
A project schedule card where each task bar starts on a different day and runs a different length against one shared date axis, so overlap and slack are visible without a chart library. Five staggered bars plus a release milestone marker, positioned with fixed-pixel spacers inside a Wind row.
-
Flutter Cloud Storage Quota Card with Category Breakdown Bar
A Flutter cloud storage card that splits a 15 GB plan into photos, videos, documents and app backups: segmented capacity bar, legend rows with size and share, billing footnote and an upgrade button. Built with wind_kit utility classes, fixed-width segments and dark mode pairs.
-
Flutter Habit Streak Card with Contribution Heatmap Grid
A habit tracker card built with Wind: a flame streak counter, a contribution-style heatmap grid with four intensity shades across five weeks, and a Less-to-More legend. Dark-mode ready.
-
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 Monthly Budget Card with Category Spending Bars
A personal-finance budget card built with Wind: a remaining-balance hero with an overall progress bar, plus per-category spending rows (food, transport, shopping, bills) with icon chips and linear progress bars that turn red when a category is over budget. Dark-mode ready.
-
Flutter Poll Results Card with Vote Percentage Bars
A live poll results card built with Wind: a question header, ranked answer options each with a horizontal percentage fill bar, a highlighted winning choice, and a vote-count footer. Pure linear bars, no charts, dark-mode ready.
