Skip to content
Türkçe

217 snippets

Snippet Gallery

Real Wind examples, added as they are written. Open one to see the result and read its code.

Read the docs

Latest snippets

217 snippets, newest first.

  • 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.

    • WDiv
    • WIcon
    • WText
    • WButton

  • Flutter Festival Lineup Card with Set Times and Stages

    A Flutter festival lineup card for music and event apps: gradient stage-art header, set-times list with a starred headliner, per-act time pills, coloured stage tags, a venue row and a get-passes button. Built with wind_kit className utilities and dark mode pairs.

    • WDiv
    • WText
    • WIcon
    • WButton

  • Flutter Invoice Payment Due Card with Line Items and Total

    A Flutter invoice card for freelance and B2B billing apps: invoice number, due-date badge, itemised line rows with quantity and rate, subtotal, tax and an emphasised total above a pay button. Built with wind_kit className utilities and dark mode pairs.

    • WDiv
    • WText
    • WIcon
    • 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 CI/CD Deploy Pipeline Status Card with Stage Progress

    A Flutter CI/CD pipeline card for devops dashboards: branch and commit header, running status pill, segmented stage progress bar and build, test, deploy and approve rows with status icons and durations. Built with wind_kit className utilities and dark mode pairs.

    • WDiv
    • WText
    • WIcon

  • Flutter API Key Usage and Rate Limit Card for Developer Tools

    A Flutter API key usage card for developer tools: masked key with a copy action, plan badge, monthly request quota bar, 200 OK and 429 rate-limited endpoint chips, a reset countdown and a manage-keys button. Built with wind_kit className utilities and dark mode pairs.

    • WDiv
    • WText
    • WIcon
    • WButton

  • Flutter NFT Collectible Bid Card with Live Auction

    A Flutter NFT auction card for web3 marketplace apps: gradient artwork, verified collection name, favourites count, current owner and a bid panel with the current bid in ETH and a live countdown above the place-a-bid button. Built with wind_kit className utilities and dark mode pairs.

    • WDiv
    • WText
    • WIcon
    • WButton

  • Flutter Cinema Seat Selection Card with Screen and Legend

    A movie theater seat picker built with Wind for Flutter: a screen indicator bar, a color-coded seat grid (available, selected, taken), a state legend, and a live seat and price summary above a booking button. A pre-purchase seat map layout using Tailwind-style className utilities with dark-mode pairs.

    • WDiv
    • WText
    • WButton

  • Flutter Cafe Loyalty Stamp Card with Reward Progress

    A digital coffee-shop loyalty card built with Wind for Flutter: a fill-the-grid stamp collection, a stamps-earned counter chip, and a redeem call to action. Shows how to build retail rewards UI with Tailwind-style className utilities and dark-mode-ready color pairs.

    • WDiv
    • WIcon
    • WText
    • WButton

  • 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.

    • WDiv
    • WText
    • WIcon

  • Flutter Ride Fare Receipt Card with Fare Breakdown

    A ride-hailing fare receipt built with Wind: a completed-trip header, a driver row with star rating, pickup and dropoff stops, an itemized fare breakdown for base, distance, time, booking fee, and tip, a bold total, and the payment method. Dark-mode ready.

    • WDiv
    • WText
    • WIcon

  • 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.

    • WDiv
    • WText
    • WIcon