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.

Forms snippets

7 snippets, newest first.

  • Featured

    Validated email field

    A form input with a validator, a focus ring and an error: border.

    • WFormInput
  • Flutter Password Strength Card with Requirement Checklist

    A sign-up password step that scores strength on a four segment meter, ticks off each requirement live, and confirms the password is not in a known breach list. Built with Wind className utilities and a real WInput field.

    • WDiv
    • WIcon
    • WText
    • WInput
    • 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 Contact Form Card with Name, Email, and Message

    A get-in-touch form built from real WInput fields: a labeled name field, an email field, and a multiline message area, finished with a full-width send button. Shows Wind's text input across single-line and multiline types, no MaterialApp required, with full dark-mode pairing.

    • WDiv
    • WText
    • WInput
    • WButton
    • WIcon
  • Flutter Newsletter Subscribe Card with Email Input

    An email capture card for marketing sites and product pages: a gradient icon badge, a headline and reassurance copy, a real WInput email field (Wind's text input that works without a MaterialApp), a full-width subscribe button, and a social-proof footer. Dark-mode ready and styled entirely with Wind className strings.

    • WDiv
    • WIcon
    • WText
    • WInput
    • WButton
  • Flutter Sign In Card with Social Login

    A Flutter sign-in card with email and password fields, a forgot-password link, a primary sign-in button and a Google social login below an or-continue divider. Built with wind_kit WInput, which works without a MaterialApp, styled by className strings with dark mode included.

    • WDiv
    • WIcon
    • WText
    • WInput
    • WButton
  • Flutter OTP Verification PIN Entry Card

    A one-time-code verification card with a six-cell PIN entry row, a focused cell showing a caret and ring glow, a resend countdown, and a primary verify action. Built with Wind UI utility classes and dark mode pairs.

    • WDiv
    • WIcon
    • WText