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.

SaaS and dashboards snippets

18 snippets, newest first.

  • Flutter Progress Stepper Wizard with Plan Selection

    A multi-step wizard header with a connected step rail (completed, active, and upcoming states) over a plan selection step and a continue button, all composed from Wind utility classes.

    • WDiv
    • WIcon
    • WText
    • WButton
  • Flutter Team Members Grid with Role Badges

    A team roster grid with gradient initial avatars, online status dots, and color coded role badges, composed entirely from Wind utility classes with dark mode built in.

    • WDiv
    • WText
    • WButton
  • Flutter Job Listing Card with Tags and Salary

    A job listing card with a gradient company logo, role title, location row, colored employment tags, and a salary range beside an Apply call to action. Built with Wind utility classes and full dark-mode pairs.

    • WDiv
    • WText
    • WIcon
  • Flutter Kanban Task Card with Subtask Progress

    A project task card in an in-progress state with a priority badge, labelled tags, a subtask progress bar, an assignee avatar cluster, and a due-date chip. Built with Wind utility classes and full dark-mode pairs.

    • WDiv
    • WSpacer
    • WText
    • WIcon
  • Featured

    Flutter Dashboard Stat Cards with Trend Badges

    Three dashboard metric cards showing a value, label, and up or down trend badge with icons. A compact KPI row built with Wind UI utility classes and dark mode.

    • WDiv
    • WText
    • WIcon
  • Featured

    Flutter Pricing Card with Tailwind-Style className

    A SaaS pricing card built with Wind UI utility classes: icon badge, plan name, monthly price, a checkmark feature list, and a full-width CTA. Dark mode included.

    • WDiv
    • WIcon
    • WText
    • WButton