İç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ç.

SaaS ve paneller örnekleri

18 örnek, en yeniden eskiye.

  • 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
  • Öne çıkan

    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
  • Öne çıkan

    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