Skip to content
Türkçe

217 snippets

Snippet Gallery

Real Wind examples, added as they are written. Open one to see the result and read its code.

Read the docs

Latest snippets

217 snippets, newest first.

  • 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

  • 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 Profile Card UI: Avatar, Stats, and Actions

    A social profile card with a gradient cover, initials avatar, follower stats, and Follow plus Message actions. Built with Wind UI className utilities and dark mode pairs.

    • WDiv
    • WText
    • WButton

  • Featured

    Flutter Product Card for E-commerce Grids

    An e-commerce product card with a discount badge, name, price, star rating, and an add-to-cart button. Styled entirely with Wind UI utility classes and dark mode ready.

    • WDiv
    • WIcon
    • WText
    • WButton

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

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

  • 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

  • Flutter Avatar Group with Status and Count Badges

    An avatar group showing online status dots and a remaining-count badge. A chat and presence pattern built with Wind UI utility classes and dark mode pairs.

    • WDiv
    • WText