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

Dokümanları oku

Formlar örnekleri

7 örnek, en yeniden eskiye.

  • Öne çıkan

    Doğrulamalı e-posta alanı

    Doğrulayıcısı, odak halkası ve error: kenarlığı olan bir form girdisi.

    • 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