Introducing Wind v1

Rapidly build modern Flutter apps without ever leaving your widget tree.

Tailwind CSS for Flutter. A utility-first styling framework packed with classes like flex, p-4, dark:bg-gray-800, hover:scale-105, and md:flex-row that compose into responsive, theme-aware widget trees.

Get started View on Pub.dev
air

Welcome to Wind

Utility-first styling for Flutter.

play_arrow Try in Playground
welcome_card.dart

Powered by our Sponsors

Helping us build the future of Flutter development.

Kodizm The Despatch Company
Become a Sponsor arrow_forward
play_circle Interactive

Live Playground

Write Wind code and see the results instantly. Experiment with utility classes, test your ideas, and copy the code directly to your Flutter project.

  • bolt Real-time preview as you type
  • content_copy One-click copy to clipboard
  • palette Full utility class support
Open Playground arrow_forward
code Code Editor
visibility Live Preview
Hello Wind!
Edit to see changes
hourglass_empty Typing code...
Live sync enabled
auto_fix_high Skill · AI-First

Your agent speaks Wind.

The Wind UI skill teaches your coding assistant the className grammar, dark-mode pairing rules, and anti-patterns before the first line. One marketplace command in Claude Code wires it up.

paste in Claude · other editors ↓
Works with
Claude Code Claude Code Cursor OpenCode VS Code Copilot Codex CLI
Claude Code claude · ~/your-flutter-app
connected
› /plugin marketplace add fluttersdk/ai
✓ Marketplace added: fluttersdk-marketplace
› /plugin install fluttersdk@fluttersdk-marketplace
✓ Installed fluttersdk with skills:
• /fluttersdk:wind-ui
• /fluttersdk:fluttersdk-dusk
• /fluttersdk:fluttersdk-telescope
• /fluttersdk:magic-framework
• /fluttersdk:fluttersdk-artisan
verified Skills loaded. Your agent is fluent in Wind.
hub mcp.fluttersdk.com
live
Streamable HTTP · the default
claude mcp add --transport http fluttersdk https://mcp.fluttersdk.com
Or stdio (for clients without HTTP)
npx @fluttersdk/mcp
verified Public · no auth · MIT.
hub MCP · live docs

And verifies what it wrote.

Skills teach the grammar. The MCP server at mcp.fluttersdk.com gives your agent live docs lookup while it edits, so it never ships a hallucinated className.

bolt

Streamable HTTP

One endpoint, every client.

search

search-docs

Live query against the source.

verified

Public, no auth

MIT · free forever.

Connect your editor arrow_forward Full AI guide
favorite

Loved by developers

"Wind has completely transformed how we build UI in Flutter. It feels just like web development but native. The velocity gain is incredible."
SC

Sarah Chen

Senior Flutter Engineer at TechFlow

"Finally, a styling solution that makes sense for Flutter! The utility-first approach saves us hours of boilerplate code every week."
MR

Marcus Rodriguez

Lead Developer at AppForge

"Migrating from React Native was painless with Wind. The familiar Tailwind syntax made our team productive from day one."
EW

Emily Watson

Mobile Architect at StartupX

"The dark mode support is amazing. One prefix and our entire app transforms. Wind is an absolute game-changer."
JP

James Park

UI/UX Developer at DesignLab

"We shipped our MVP 3x faster using Wind. The component patterns feel natural and the documentation is top-notch."
AP

Aisha Patel

CTO at MobileFirst

Start building in seconds

flutter pub add fluttersdk_wind

Or add to pubspec.yaml:

dependencies:
  fluttersdk_wind: ^v1