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

Son örnekler

217 örnek, en yeniden eskiye.

  • Flutter Color Palette Swatch Card with Shade Scale

    A color palette card showing four Wind color families across five shades each, the utility-first token scale at a glance. Built entirely from Wind className strings with dark mode built in.

    • WDiv
    • WText
  • 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 Onboarding Slide with Feature Highlight and Page Dots

    A polished onboarding slide built with Wind utility classes: a gradient feature icon, a bold headline, supporting copy, page indicator dots, and a full-width call to action. Dark mode pairs are included on every color token.

    • WDiv
    • WIcon
    • WText
    • WButton
  • Flutter Referral Reward Card with Invite Link and Tiers

    A referral rewards card written in pure Wind className strings: progress toward the next reward, unlocked and locked tiers, earnings to date, and a copyable invite link. Every color carries its dark pair.

    • WDiv
    • WText
    • WIcon
    • WButton
  • Flutter AI Prompt Composer Card with Quick Actions

    An AI assistant prompt composer card with a model badge, a streaming response preview, quick-action chips, and a prompt input with a generate button. A marketing-ready AI chat UI built with Wind utility classes and full dark-mode pairing.

    • WDiv
    • WIcon
    • WText
    • WButton
    • WInput
  • Öne çıkan

    Flutter Smart Home Device Control Card with Toggles

    A smart home control card listing room devices with colored icon tiles, status labels, and on/off toggle switches. Built with Wind utility classes and dark-mode pairs.

    • WDiv
    • WText
    • WButton
    • WIcon
  • Flutter Fundraising Donation Progress Card with Donors

    A fundraising campaign card with a goal progress bar, overlapping donor avatars, donor count, and a donate call-to-action. A marketing-ready donation UI using Wind utility classes.

    • WDiv
    • WIcon
    • WText
    • WButton
  • Flutter File Upload Card with Progress Bars

    A file upload card with a drag-and-drop zone and per-file progress bars showing uploading and completed states. Styled with Tailwind-style Wind classes and dark-mode support.

    • WDiv
    • WText
    • WButton
    • WIcon
  • Flutter Messages Inbox List with Unread Badges

    A messaging inbox list with gradient avatars, last-message previews, timestamps, and unread count badges. Built with Wind utility classes and full dark-mode pairing.

    • WDiv
    • WText
    • WButton
    • WIcon
  • Flutter Discount Voucher Card with Promo Code

    A bold discount voucher card with a gradient background, promo code block, copy action, and a call-to-action button. A marketing-ready coupon UI using Wind utility classes.

    • WDiv
    • WIcon
    • WText
    • WButton
  • Flutter Component Search Card with Live Suggestions

    A component search card built on the real WInput widget, with a focused search field and a categorized suggestion list. Demonstrates Wind form inputs with icon tiles and dark-mode pairs.

    • WDiv
    • WIcon
    • WText
    • WInput
    • WButton