217 snippets
Snippet Gallery
Real Wind examples, added as they are written. Open one to see the result and read its code.
No snippets match your search.
Try a widget name such as WCard, or pick a topic.
The search could not load. Reload the page to try again.
Landing pages snippets
8 snippets, newest first.
-
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.
-
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 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 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.
-
Featured
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.
-
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.
-
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.
