İçeriğe geç
English

217 snippet

Snippet Galerisi

Yazıldıkça eklenen gerçek Wind örnekleri. Sonucu görmek ve kodunu okumak için birini aç.

Sağlık ve fitness örnekleri

13 örnek, en yeniden eskiye.

  • Flutter Hearing Test Card with Audiogram Ear Markers and Severity Bands

    A Flutter hearing test card for health apps: a pure tone audiogram with red circles for the right ear and blue crosses for the left, dotted threshold lines from 250 Hz to 8 kHz, severity bands, per-ear averages and a noise notch callout. Fixed-pixel wind_kit layout that scales cleanly.

    • WDiv
    • WIcon
    • WText
    • WButton
  • Flutter Barbell Plate Loader Card with IPF Colour Coded Plates

    A Flutter barbell plate loader card for gym and powerlifting apps: a side-on barbell with IPF colour-coded plates stacked heaviest first, competition collars, a per-side breakdown and an attempt strip. Exact maths: 20 kg bar, two 2.5 kg collars and 90 kg a side make 205 kg. Built with wind_kit.

    • WDiv
    • WIcon
    • WText
    • WButton
  • Flutter Eye Test Card with Snellen Acuity Chart

    A vision check card for health and optician apps, built with Wind in Flutter. A real Snellen letter chart shrinks line by line from 20/200 to 20/15, the 20/20 line is highlighted as the last line read, and acuity tiles summarise each eye above a book-an-exam action.

    • WDiv
    • WIcon
    • WText
    • WButton
  • Flutter Lab Assay Plate Card with 24 Well Dose Grid

    A Flutter lab assay plate card for scientific apps: a real 24-well culture plate with lettered rows, a dose ladder across the columns, wells shaded from blank to the highest concentration and one excluded well ringed in amber. Circular wind_kit divs on a gap grid.

    • WDiv
    • WText
    • WIcon
    • WButton
  • 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.

    • WDiv
    • WText
    • WIcon
    • WButton
  • Flutter Dental Chart Card with FDI Tooth Grid

    An odontogram card where position is the data: two arches of numbered tooth tiles in FDI notation, colour-coded for crowns, caries, and missing teeth, split by a midline. A legend and a finding note carry the diagnosis, styled with Wind utility classes and full dark-mode pairs.

    • WDiv
    • WIcon
    • WText
    • WButton
  • Flutter Veterinary Health Card with Vitals Tiles and Vaccination Chips

    A pet health record card that pairs three vitals tiles with a wrapped row of vaccination chips, so an overdue booster stands out against the ones already cleared. Includes the next appointment and a booking CTA, built with Wind utility classes and full dark-mode pairs.

    • WDiv
    • WIcon
    • WText
    • WButton
  • 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.

    • WDiv
    • WIcon
    • WText
    • WButton
  • Flutter Medication Schedule Card with Dose Reminders

    A Flutter medication reminder card for health apps: adherence progress bar, taken-count chip and per-drug rows with a category dot, dose and a taken, missed or upcoming state, plus a log-dose button. Built with wind_kit className utilities and dark mode pairs.

    • WDiv
    • WText
    • WIcon
    • WButton
  • Flutter Meditation Session Card with Streak and Weekly Goal

    A calming daily meditation card with a gradient backdrop, guided session details, a streak badge, and a weekly goal progress bar. Built with Wind utility classes and complete dark-mode pairs.

    • WDiv
    • WIcon
    • WText
    • WButton
    • WSpacer
  • Flutter Nutrition Facts Card with Macro Breakdown

    A meal nutrition card showing total calories against a daily goal, protein/carbs/fat macro bars, and a micronutrient breakdown with percentage badges. Built with Wind's Tailwind-style className strings and full dark-mode pairs.

    • WDiv
    • WText
    • WIcon
    • WSpacer
  • Flutter Sleep Score Panel with Stage Breakdown

    A dark health panel led by a bold sleep score, with a segmented sleep-stage bar (light, deep, REM), a color-coded legend, and total-sleep and restfulness chips. A clean recovery-tracking pattern built with Tailwind-style className utilities in Flutter.

    • WDiv
    • WIcon
    • WText
    • WSpacer