Rapidly build modern Flutter apps without ever leaving your widget tree.
A utility-first styling framework for Flutter. Tailwind-syntax className strings, 20 W-prefix widgets, dark mode, responsive prefixes, and three AI integration layers shipped with the package.

Documentation · pub.dev · Issues

flutter pub add fluttersdk_wind

Wrap your app in WindTheme, then write className strings. The full setup walkthrough, all 20 widgets, every parser token, the 23 theme fields, and the three AI integration layers live at the Getting Started guide.

Do you like using Tailwind CSS to style your UIs? This helps you do that in Flutter.

Wind is not a widget library. It is a utility-first styling engine that maps Tailwind-syntax className strings to optimized Flutter widget trees, with a 23-field theme, 17 parsers, and 20 W-prefix widgets. Flutter's structural styling produces six-widget pyramids for a rounded card with a hover state. The Flutter team itself acknowledged the verbosity pain, ran an experimental Decorators feature, found mixed results, and shelved it. Wind closes that gap.

// Before: Flutter native (15 lines)
Container(
  padding: EdgeInsets.all(24),
  margin: EdgeInsets.symmetric(horizontal: 16),
  decoration: BoxDecoration(
    color: Colors.white,
    borderRadius: BorderRadius.circular(12),
    boxShadow: [BoxShadow(color: Colors.black.withOpacity(0.1), blurRadius: 10, offset: Offset(0, 4))],
  ),
  child: Text('Hello', style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold)),
)

// After: Wind (4 lines)
WDiv(
  className: 'p-6 mx-4 bg-white dark:bg-gray-800 rounded-xl shadow-lg',
  child: WText('Hello', className: 'text-xl font-bold'),
)

If you know Tailwind CSS, you already know Wind.

Wind ships AI-first. The skill at skills/wind-ui/SKILL.md teaches your agent the className grammar, widget surface, dark-mode pairing rules, and anti-patterns. The same skill is distributed through fluttersdk/ai for Claude Code, Cursor, OpenCode, Gemini CLI, VS Code Copilot, Codex CLI, Cline, and Roo Code, one command:

npx skills add fluttersdk/ai --skill wind-ui

The hosted MCP server at mcp.fluttersdk.com exposes a search-docs tool over Streamable HTTP (no auth). For stdio-only clients, the npx @fluttersdk/mcp bridge proxies stdio to the upstream HTTP server. The LLM-readable inventory lives at llms.txt. Full multi-client wire-up and the OpenCode registry URL live in the fluttersdk/ai README.

The example/ directory ships a navigable showcase covering every widget, parser, prefix, and theme pattern. Run locally:

cd example && flutter pub get
flutter run -d chrome

Or browse the docs site, which embeds every page live: fluttersdk.com/wind.

// One className, dark mode + responsive + state + platform prefixes stacked
WDiv(
  className: '''
    flex flex-col gap-4 p-6
    bg-white dark:bg-gray-800
    rounded-xl shadow-lg
    md:flex-row md:gap-6
    ios:rounded-2xl
    hover:shadow-xl
  ''',
  children: [
    WText('Wind', className: 'text-xl font-bold text-gray-900 dark:text-white'),
    WText('Tailwind for Flutter', className: 'text-base text-gray-600 dark:text-gray-300'),
  ],
)

Full docs with live examples at fluttersdk.com/wind: every widget, every parser token, the 23 theme fields, dark mode, responsive design, server-driven UI via WDynamic, and the AI integration setup. The internal architecture lives in ARCHITECTURE.md. The LLM-readable inventory lives in llms.txt.

git clone https://github.com/fluttersdk/wind.git
cd wind && flutter pub get
flutter test && dart analyze

CI enforces 90%+ line coverage on lib/ on every push, zero analyze issues, zero format drift on lib/, test/, and example/lib/. New behavior ships with a failing test first (red, green, refactor).

Before opening a pull request, run the same checks CI runs:

dart format --output=none --set-exit-if-changed .
dart analyze
flutter test
./tool/coverage.sh 90
dart pub publish --dry-run

Report a bug · Request a feature

MIT, see LICENSE for details.

_{Built with care by FlutterSDK
If Wind saved you a Container or two, give it a star, it helps others discover it.}