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

Açılış sayfaları örnekleri

8 örnek, en yeniden eskiye.

  • 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 FAQ Accordion Card with Expandable Answers

    A frequently asked questions accordion: the first item is expanded with its answer and a down chevron, while the rest stay collapsed with a forward chevron. A clean support and help-center pattern built with Wind utility classes and dark-mode pairing.

    • WDiv
    • WText
    • WIcon

  • Flutter Cookie Consent Privacy Banner

    A privacy and cookie consent banner for web and mobile: an icon header, a plain-language explanation, an always-on essentials note, and a clear action hierarchy of accept, customize, and reject. A reusable compliance pattern composed from Wind className strings with dark-mode pairs.

    • WDiv
    • WIcon
    • WText
    • WButton

  • 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 Testimonial Card with Star Rating

    A customer testimonial card with a five-star rating, a quote, an initials avatar, and the author name and role. Built with Wind UI className utilities, dark mode ready.

    • WDiv
    • WIcon
    • WText

  • Ö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

  • Flutter Hero Section with Gradient and CTA Buttons

    A landing-page hero with a gradient background, a highlight badge, a bold headline, supporting copy, and primary plus secondary CTA buttons. Built with Wind UI.

    • WDiv
    • WIcon
    • WText
    • WButton

  • Flutter Feature Grid: Three-Column Highlights

    A three-column feature grid with icon tiles, titles, and short descriptions. A marketing section built with Wind UI utility classes and full dark mode support.

    • WDiv
    • WIcon
    • WText