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

Son örnekler

217 örnek, en yeniden eskiye.

  • 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
  • Öne çıkan

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