İç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 Liquid Glass Music Player with Now Playing Card

    A Liquid Glass now-playing card where vivid album art bleeds its color through a translucent surface, in the spirit of the iOS 26 design language. Built with Wind UI: gradient cover art, a glass play overlay, a progress track, and a full transport control row.

    • WDiv
    • WIcon
    • WText
  • Öne çıkan

    Flutter Liquid Glass Tab Bar with Floating Navigation

    A frosted Liquid Glass navigation bar floating over a vivid gradient home screen, inspired by the iOS 26 design language unveiled at WWDC 2025. Translucent surfaces, glowing color orbs, and a glass Up Next card show how to build real depth with Wind UI.

    • WDiv
    • WText
    • WIcon
  • Flutter Savings Goal Progress Card

    A premium dark savings goal card: goal name with a wallet icon badge and milestone flag, an oversized saved amount against the target, a left-filled progress bar with percentage and next-milestone labels, and a bold Add Funds button. Built in the Wind Dart dialect with Tailwind-style className and dark-mode pairs.

    • WDiv
    • WIcon
    • WText
    • WSpacer
    • WButton
  • Flutter Flight Booking Summary Card

    A boarding-pass style flight card: airline header with a plane badge and cabin pill, a departure-to-arrival route with airport codes, times and duration, a divider, and a footer of seat and gate chips with a live boarding countdown. Built in the Wind Dart dialect with Tailwind-style className and dark-mode pairs.

    • WDiv
    • WIcon
    • WText
    • WSpacer
  • Flutter Weather Forecast Card with Hourly Strip

    A vibrant weather card on a sky gradient: city and date, an oversized current temperature, a one-line conditions summary, and a frosted hourly forecast strip with per-hour icons and temps. Built in the Wind Dart dialect with Tailwind-style className and dark-mode pairs.

    • WDiv
    • WText
    • WIcon
  • Öne çıkan

    Flutter Workout Plan Card with Exercise List

    A compact fitness workout card: session title with a gradient icon badge, difficulty and calorie chips, a numbered exercise list with set and rep counts, and a bold start button. Built in the Wind Dart dialect with Tailwind-style className and full dark-mode pairs.

    • WDiv
    • WIcon
    • WText
    • WButton
  • Flutter Checkout Order Summary Card

    An e-commerce checkout summary with product line items, a totals breakdown, a discount code badge, and a secure Place Order button. Styled entirely with Wind UI utility classes and dark mode ready.

    • WDiv
    • WText
    • WIcon
    • WButton
  • Flutter Podcast Now Playing Card with Controls

    A media now-playing card with cover art, episode title, a progress track with elapsed and total time, and playback controls. Styled entirely with Wind UI utility classes and dark mode ready.

    • WDiv
    • WText
    • WIcon
  • Flutter Social Post Card with Engagement Actions

    A social feed post card with a verified author header, body copy, a media banner, and like, comment, share, and bookmark actions. Styled entirely with Wind UI utility classes and dark mode ready.

    • WDiv
    • WText
    • WIcon
  • Flutter Transaction Activity List for Fintech Apps

    A fintech activity feed listing recent transactions with category icons, merchant labels, and color-coded signed amounts. Styled entirely with Wind UI utility classes and dark mode ready.

    • WDiv
    • WText
    • WIcon
  • Öne çıkan

    Flutter Dashboard Stat Cards with Trend Badges

    Three dashboard metric cards showing a value, label, and up or down trend badge with icons. A compact KPI row built with Wind UI utility classes and dark mode.

    • WDiv
    • WText
    • WIcon
  • 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