217 snippet
Snippet Galerisi
Yazıldıkça eklenen gerçek Wind örnekleri. Sonucu görmek ve kodunu okumak için birini aç.
Aramanızla eşleşen örnek yok.
WCard gibi bir widget adı deneyin ya da bir konu seçin.
Arama yüklenemedi. Tekrar denemek için sayfayı yenileyin.
Son örnekler
217 örnek, en yeniden eskiye.
-
Flutter Quiz Multiple Choice Question Card with Progress
An interactive quiz question card with a progress bar, lettered multiple-choice options, a highlighted selected answer, and a submit button. Styled entirely with Tailwind-style Wind classes and dark-mode support.
-
Flutter Crypto Portfolio Balance Card with Coin Holdings
A clean crypto portfolio card showing total balance, daily change, and per-coin holdings with gradient token avatars and color-coded price deltas. Built with Wind utility classes and full dark-mode pairing.
-
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.
-
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.
-
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.
-
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.
-
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.
-
Flutter Game Leaderboard Card with Rank Medals and Your Position
A weekly leaderboard for games and social apps: gold, silver, and bronze rank medals, gradient initial avatars, points per player, and a highlighted row pinning the current user with their movement. Composed entirely from Wind className strings with dark-mode pairs.
-
Flutter Appointment Booking Card with Date and Time Slots
A scheduling card for services and healthcare: a provider header with rating, a horizontal date selector, a wrapping grid of time slots with selected and booked states, and a confirm button echoing the chosen slot. Pure Wind utility styling, dark-mode ready.
-
Flutter Streaming Movie Card with Rating and Genre Tags
A cinematic detail card for a streaming or movie app: a gradient poster with a centered play affordance, rating and 4K HDR badges, genre tags, a two-line synopsis, and stacked Play and Add to My List actions. Built with Wind utility classes and full dark-mode pairing.
-
Flutter Home Energy Usage Panel with Room Breakdown
A smart-home energy dashboard with today's total kWh, a savings trend badge, and per-room consumption bars. Built for home automation and utility apps.
-
Flutter Reading Progress Card with Chapter Tracker
A reading companion card with book cover, genre tag, chapter progress bar, time-left estimate, rating, and a continue-reading action. Ideal for ebook, audiobook, and learning apps.
