İç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 Trip Itinerary Day Card with Booking Codes

    A daily travel itinerary card listing timed stops with category icons, confirmation codes, and booking status badges. Great for trip planners and travel concierge apps.

    • WDiv
    • WText
    • WIcon
  • Flutter Bill Split Summary Card with Per-Person Shares

    A group expense card showing the total bill, each person's share with avatar initials, settled and pending states, and how much you're owed. Perfect for fintech and social payment apps.

    • WDiv
    • WIcon
    • WText
  • Flutter Job Listing Card with Tags and Salary

    A job listing card with a gradient company logo, role title, location row, colored employment tags, and a salary range beside an Apply call to action. Built with Wind utility classes and full dark-mode pairs.

    • WDiv
    • WText
    • WIcon
  • Flutter Recipe Card with Cook Time and Difficulty

    A recipe card with a warm gradient cover, rating and saved badges, dish title and description, and meta chips for cook time, servings, and difficulty above a Cook now call to action. Built with Wind utility classes and full dark-mode pairs.

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

    Flutter Live Sports Score Card

    A live match score card with a league label, pulsing-style LIVE badge, two team rows with colored crest initials and bold scores, and a match-status footer. Built with Wind utility classes and full dark-mode pairs.

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

    Flutter Virtual Payment Card with Balance Summary

    A premium gradient virtual payment card with an EMV chip, masked card number, cardholder details, and a balance summary row with a live trend badge. Built with Wind utility classes and full dark-mode pairs.

    • WDiv
    • WText
    • WIcon
    • WSpacer
  • Flutter Place Preview Card with Gradient Map Header

    A venue preview card with a gradient map header and location pin, a rating and distance row, a category badge, and open-now and Wi-Fi attribute pills. Built with Wind's Tailwind-style className and full dark-mode support.

    • WDiv
    • WIcon
    • WText
    • WSpacer
  • Flutter Notification Center Stack Panel

    A grouped notification center panel with colored icon containers, sender and message previews, timestamps, unread dots, and a mark-all-read action. Built with Wind utility classes and full dark-mode pairs.

    • WDiv
    • WText
    • WIcon
    • WSpacer
  • Flutter Nutrition Facts Card with Macro Breakdown

    A meal nutrition card showing total calories against a daily goal, protein/carbs/fat macro bars, and a micronutrient breakdown with percentage badges. Built with Wind's Tailwind-style className strings and full dark-mode pairs.

    • WDiv
    • WText
    • WIcon
    • WSpacer
  • Flutter Kanban Task Card with Subtask Progress

    A project task card in an in-progress state with a priority badge, labelled tags, a subtask progress bar, an assignee avatar cluster, and a due-date chip. Built with Wind utility classes and full dark-mode pairs.

    • WDiv
    • WSpacer
    • WText
    • WIcon
  • Flutter Course Lesson Progress Card

    A vibrant gradient e-learning card with a category pill, course title, a lesson progress bar, and XP, time-left, and completed chips, capped with a continue-learning call to action. Built with Tailwind-style className utilities in Flutter.

    • WDiv
    • WIcon
    • WText
    • WSpacer
    • WButton
  • Flutter Air Quality Index Panel for Smart Home

    A dark smart-home panel with a bold air quality index, a color-coded status pill, a teal-to-red gradient scale with a position marker, and humidity, CO2, and temperature sensor chips. Built with Tailwind-style className utilities in Flutter.

    • WDiv
    • WIcon
    • WText
    • WSpacer