nextjs
Skills for Next.js developers covering bundle size reduction, Cache Components and Partial Prefetching adoption, and verifying runtime behavior in a running app after code edits.
6 skills143k
@vercelFrontend
Plugin
flutter-shadcn-ui
A Flutter UI component library inspired by shadcn/ui, with customizable buttons, cards, forms and more. The skill helps Flutter developers build interfaces with these components.
Plugin Signal60/100Solid
maintained99
capable14
documented50
adopted74
Claude Code
$ npx -y skills add nank1ro/flutter-shadcn-ui --agent claude-code
Codex
$ npx skills add nank1ro/flutter-shadcn-ui -a codex
Cursor
$ npx skills add nank1ro/flutter-shadcn-ui -a cursor
Gemini CLI
$ npx skills add nank1ro/flutter-shadcn-ui -a gemini-cli
GitHub Copilot
$ npx skills add nank1ro/flutter-shadcn-ui -a github-copilot
OpenCode
$ npx skills add nank1ro/flutter-shadcn-ui -a opencode
Windsurf
$ npx skills add nank1ro/flutter-shadcn-ui -a windsurf
Stats
2,847
Stars
202
Forks
Active
Maintenance
Dart
Language
MIT
License
Last commit
Created
What's inside
Badges
README
Flutter ShadcnUI
Shadcn UI ported in Flutter. Awesome UI components for Flutter, fully customizable.
Documentation
See the documentation to interact with the components and see the code.
Agent Skills
You can install the Agent Skills for this project with:
npx skills add nank1ro/flutter-shadcn-ui
Progress
Follow the progress on X (Twitter)
- Accordion
- Alert
- Breadcrumb
- Dialog
- Avatar
- Badge
- Button
- IconButton
- Calendar
- Card
- Carousel
- Checkbox
- Collapsible
- Combobox
- Command
- Context Menu
- Data Table
- Date Picker
- Drawer
- Dropdown Menu Use Context Menu instead
- Form
- Hover Card Use Popover instead
- Input
- Input OTP
- Item
- Label Use Text instead
- Menubar
- Navigation Menu
- Pagination
- Popover
- Progress
- RadioGroup
- Resizable
- Scroll Area Use SingleScrollView, ListView etc. instead
- Select
- Separator
- Sheet
- Skeleton
- Slider
- Sonner
- Switch
- Table
- Tabs
- TextArea
- Time Picker
- Toast
- Toggle
- ToggleGroup
- Tooltip
FAQs
What's the difference with shadcn_flutter
My repo was created the 05/01/2024 while he started the 12/02/2024. He never contacted me to contribute. It's an open source project, I'd love to have contributions.
Each widget I make takes some time because I try to solve problems in a simple way, making each widget extremely customizable.
Another library could probably come first with more widgets, but in the long run it's the quality the most important thing.
Star History
Stars on GitHub
Momentum
- stars in total
- 2.8k
File tree
Similar plugins.
See 12 flutter-shadcn-ui alternatives
@vercelui
Helps you add, find, fix, style and compose shadcn UI components in your React project, with component docs and usage examples. It can also move a project from Radix UI primitives to Base UI.
2 skills127k
@shadcn-uielectron
electron: Build cross-platform desktop apps with JavaScript, HTML, and CSS.
5 skills124k
@electrontaste-skill
Gives coding agents a design direction, reference images and a browser check, so the websites and app screens they build look deliberate instead of like a generic template page.
1 skill107k
@leonxlnxQuestions about flutter-shadcn-ui.
Install it with the command on its page. It includes shadcn-ui-flutter. Its skills do not fire on their own yet. Free and open source.
- What is flutter-shadcn-ui?
- nank1ro/flutter-shadcn-ui is a plugin that ports shadcn/ui components to Flutter, with a skill for building Flutter interfaces. Use it when you want accessible, customizable UI components such as buttons, cards and forms in a Flutter app.
- How do I install flutter-shadcn-ui?
- Run these in Claude Code: npx -y skills add nank1ro/flutter-shadcn-ui --agent claude-code. Then prompt normally.
- Does flutter-shadcn-ui auto-invoke its skills?
- Not yet. It is indexed on Flowy as a plain plugin.
- Is flutter-shadcn-ui free?
- Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.
- Which coding agents can use flutter-shadcn-ui's skills?
- flutter-shadcn-ui installs in Claude Code, and its skills also install in Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI. Each skill's page has the install command. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.
Is this plugin yours?
Claim it with GitHubSubmit a pluginPromote it