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.
SaaS ve paneller örnekleri
18 örnek, en yeniden eskiye.
-
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 Audience Overlap Card with Three Circle Venn Segments
A Flutter audience overlap card for marketing and growth dashboards: three translucent circles form a real Venn diagram, so shared regions darken by themselves and each lobe shows its count, with a segment legend, reach and overlap tiles and a suppression action. wind_kit only, no chart library.
-
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.
-
Flutter Sprint Board Card with Kanban Status Columns
A kanban board squeezed into one card: three status columns side by side, each holding its own stack of task tiles, so the uneven column heights show where the work is piling up. Label chips, assignee avatars, struck-through done items and a WIP limit footer, all in Wind className strings.
-
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 Purchase Order Card with Indented BOM Tree
A procurement card whose body is a real three-level bill of materials: parent assemblies, indented children, and connector rules drawn with left borders, each line carrying its quantity pill and rolled-up cost. Flags the short-stock part and totals at the foot, styled with Wind utility classes and full dark-mode pairs.
-
Flutter Benefits Enrollment Card with Side by Side Plan Comparison
An open-enrollment card that puts two health plans in matched columns so premium, deductible, out-of-pocket max, and HSA match scan straight across, with the recommended plan outlined and badged. Closes on the yearly saving, styled with Wind utility classes and full dark-mode pairs.
-
Flutter Hiring Pipeline Card with Segmented Stage Band
A recruiter-facing requisition card whose hero is one segmented band, each stage sized to its candidate count with the number set inside it. Pairs a color legend with the candidates who moved today and an offers CTA, styled with Wind utility classes and full dark-mode pairs.
-
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 Subscription Management Card with Usage Meter
A subscription management card showing the current plan, monthly price, renewal date, an API usage meter, and a manage action. Clean Wind styling with complete dark-mode pairs.
