Shadcn Ui Flutter

If you're building Flutter apps and want a solid component library with good defaults, this brings shadcn's design philosophy to Flutter. You get 30+ components (buttons, forms, dialogs, tables) with built-in theming, light/dark modes, and accessibility baked in. The theming system gives you 12 preset color schemes or lets you roll your own. It bundles flutter_animate for animations and Lucide icons so you don't need extra imports. The docs include working examples for each component, which is helpful when you just need to see how a date picker or input OTP field actually works. Good choice if you want consistent UI without building everything from scratch.

skills.sh installs: 720
GitHub stars: 2.8K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add nank1ro/flutter-shadcn-ui --skill shadcn-ui-flutter --agent claude-code

Installs into .claude/skills of the current project.

Files

Shadcn UI for Flutter

This skill provides documentation and examples for using the shadcn_ui package in Flutter.

Theming and Customization

Shadcn UI for Flutter provides a powerful theming system. You can use built-in color schemes (blue, gray, green, neutral, orange, red, rose, slate, stone, violet, yellow, zinc) or create your own.