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

Arayüz bileşenleri örnekleri

14 ö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 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 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

  • 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 Notification Center Stack Panel

    A grouped notification center panel with colored icon containers, sender and message previews, timestamps, unread dots, and a mark-all-read action. Built with Wind utility classes and full dark-mode pairs.

    • WDiv
    • WText
    • WIcon
    • WSpacer

  • Flutter Success Toast Notification

    A floating success toast with an icon, a title, a message, and an action link. An ephemeral feedback pattern built with Wind UI className utilities and dark mode.

    • WDiv
    • WIcon
    • WText
    • WButton

  • Flutter Settings List with Icon Rows

    A settings list with leading icon tiles, titles, subtitles, and trailing chevrons. A preferences screen pattern built with Wind UI utility classes and dark mode.

    • WDiv
    • WIcon
    • WText

  • Flutter Rating Summary with Score and Bars

    A review summary with a large average score, a star row, total count, and rating distribution bars. Built with Wind UI className utilities, dark mode included.

    • WDiv
    • WText
    • WIcon

  • Flutter Empty State with Icon and Call to Action

    An empty-state panel with a muted icon, a headline, a short explanation, and a call-to-action button. A friendly no-data screen built with Wind UI utilities.

    • WDiv
    • WIcon
    • WText
    • WButton

  • Flutter Filter Chips Row with Selected State

    A wrapping row of filter chips with a selected state, built with Wind UI utility classes. A category and tag selector pattern with full dark mode support.

    • WDiv
    • WText

  • Flutter Bottom Navigation Bar UI

    A bottom navigation bar with five destinations and an active highlighted tab. A mobile navigation pattern built with Wind UI utility classes, dark mode ready.

    • WDiv
    • WIcon
    • WText