Development
Plugin
flutter-shadcn-ui
Shadcn UI ported in Flutter. Awesome UI components for Flutter, fully customizable.
Plugin Signal59/100Fair
maintained97
capable14
documented50
adopted73
Install
$ npx -y skills add nank1ro/flutter-shadcn-ui --agent claude-code
Run the curl in your terminal, the rest in Claude Code.
What's inside
Badges
9
README
1Flutter 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
- 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
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
File tree
693nank1ro/flutter-shadcn-uiView on GitHub
.coderabbit.yaml
.github/
CODEOWNERS
dependabot.yml
FUNDING.yml
ISSUE_TEMPLATE/
bug.yaml
config.yml
docs-add-app.yaml
maintainers.yml
pull_request_template.md
scripts/
add-app-to-docs.js
add-app-to-docs.test.js
generate_hashes.sh
workflows/
auto-add-app.yml
build-runner.yml
cached-publish.yaml
check-imports.yaml
claude-code-review.yml
claude.yml
create-release.yaml
deploy-docs.yaml
flutter-test.yaml
no-response.yaml
publish.yaml
scripts-test.yml
update-hashes.yaml
.gitignore
.justfile
.metadata
.nvim.lua
.pubignore
.vscode/
launch.json
analysis_options.yaml
build.yaml
CHANGELOG.md
cli/
.gitignore
analysis_options.yaml
bin/
shadcn.dart
CHANGELOG.md
hashes.json
lib/
shadcn.dart
LICENSE
pubspec.yaml
README.md
CONTRIBUTING.md
docs/
.gitignore
apps.json
astro.config.mjs
package-lock.json
package.json
public/
favicon.svg
manico-banner.webp
notes-calculator-banner.webp
shadcn-banner.png
README.md
src/
components/
Preview.astro
SelectColor.astro
content/
config.ts
docs/
Components/
accordion.mdx
alert.mdx
avatar.mdx
badge.mdx
breadcrumb.mdx
button.mdx
calendar.mdx
card.mdx
checkbox.mdx
context-menu.mdx
date-picker.mdx
dialog.mdx
form.mdx
icon-button.mdx
input-otp.mdx
input.mdx
menubar.mdx
popover.mdx
progress.mdx
radio-group.mdx
resizable.mdx
select.mdx
separator.mdx
sheet.mdx
slider.mdx
sonner.mdx
switch.mdx
table.mdx
tabs.mdx
textarea.mdx
time-picker.mdx
toast.mdx
tooltip.mdx
index.md
packages.md
submit-your-app.md
Theme/
data.md
typography.mdx
Utils/
decorator.md
responsive.md
env.d.ts
fonts.css
pages/
llms.txt.ts
robots.txt.ts
tsconfig.json
wrangler.jsonc
example/
.gitignore
.metadata
analysis_options.yaml
assets/
flutter.svg
shadcn-banner.png
devtools_options.yaml
lib/
common/
app_bar.dart
assets.dart
base_scaffold.dart
component_view.dart
extensions.dart
properties/
bool_property.dart
enum_property.dart
string_property.dart
main.dart
pages/
accordion.dart
alert.dart
avatar.dart
badge.dart
breadcrumb.dart
button.dart
calendar.dart
card.dart
checkbox_form_field.dart
checkbox.dart
context_menu.dart
date_picker_form_field.dart
date_picker.dart
dialog.dart
icon_button.dart
input_form_field.dart
input_otp_form_field.dart
input_otp.dart
input.dart
keyboard_toolbar.dart
menubar.dart
popover.dart
portal.dart
progress.dart
radio_group_form_field.dart
radio_group.dart
resizable.dart
select_form_field.dart
select.dart
separator.dart
sheet.dart
slider.dart
sonner.dart
switch_form_field.dart
switch.dart
table.dart
tabs.dart
textarea_form_field.dart
textarea.dart
time_picker_form_field.dart
time_picker.dart
toast.dart
tooltip.dart
typography.dart
pubspec.yaml
README.md
fonts/
Geist[wght].ttf
GeistMono[wght].ttf
lib/
shadcn_ui.dart
src/
app.dart
components/
accordion.dart
alert.dart
avatar.dart
badge.dart
breadcrumb.dart
button.dart
calendar.dart
card.dart
checkbox.dart
context_menu.dart
date_picker.dart
default_keyboard_toolbar.dart
dialog.dart
disabled.dart
form/
field.dart
fields/
checkbox.dart
date_picker.dart
date_range_picker.dart
input_otp.dart
input.dart
radio.dart
select.dart
switch.dart
textarea.dart
time_picker.dart
form.dart
icon_button.dart
input_otp.dart
input.dart
menubar.dart
popover.dart
progress.dart
radio.dart
resizable.dart
select.dart
separator.dart
sheet.dart
slider.dart
sonner.dart
switch.dart
table.dart
tabs.dart
textarea.dart
time_picker.dart
toast.dart
tooltip.dart
i18n/
af.i18n.yaml
am.i18n.yaml
ar.i18n.yaml
as.i18n.yaml
az.i18n.yaml
be.i18n.yaml
bg.i18n.yaml
bn.i18n.yaml
bo.i18n.yaml
bs.i18n.yaml
ca.i18n.yaml
cs.i18n.yaml
cy.i18n.yaml
da.i18n.yaml
de.i18n.yaml
el.i18n.yaml
en.i18n.yaml
es.i18n.yaml
et.i18n.yaml
eu.i18n.yaml
fa.i18n.yaml
fi.i18n.yaml
fil.i18n.yaml
fr.i18n.yaml
ga.i18n.yaml
gl.i18n.yaml
gsw.i18n.yaml
gu.i18n.yaml
he.i18n.yaml
hi.i18n.yaml
hr.i18n.yaml
hu.i18n.yaml
hy.i18n.yaml
id.i18n.yaml
is.i18n.yaml
it.i18n.yaml
ja.i18n.yaml
ka.i18n.yaml
kk.i18n.yaml
km.i18n.yaml
kn.i18n.yaml
ko.i18n.yaml
ky.i18n.yaml
lo.i18n.yaml
localizations_delegate.dart
lt.i18n.yaml
lv.i18n.yaml
mk.i18n.yaml
ml.i18n.yaml
mn.i18n.yaml
mr.i18n.yaml
ms.i18n.yaml
my.i18n.yaml
nb.i18n.yaml
ne.i18n.yaml
nl.i18n.yaml
no.i18n.yaml
or.i18n.yaml
pa.i18n.yaml
pl.i18n.yaml
ps.i18n.yaml
pt.i18n.yaml
ro.i18n.yaml
ru.i18n.yaml
si.i18n.yaml
sk.i18n.yaml
sl.i18n.yaml
sq.i18n.yaml
sr.i18n.yaml
strings_af.g.dart
strings_am.g.dart
strings_ar.g.dart
strings_as.g.dart
strings_az.g.dart
strings_be.g.dart
strings_bg.g.dart
strings_bn.g.dart
strings_bo.g.dart
strings_bs.g.dart
strings_ca.g.dart
strings_cs.g.dart
strings_cy.g.dart
strings_da.g.dart
strings_de.g.dart
strings_el.g.dart
strings_en.g.dart
strings_es.g.dart
strings_et.g.dart
strings_eu.g.dart
strings_fa.g.dart
strings_fi.g.dart
strings_fil.g.dart
strings_fr.g.dart
strings_ga.g.dart
strings_gl.g.dart
strings_gsw.g.dart
strings_gu.g.dart
strings_he.g.dart
strings_hi.g.dart
strings_hr.g.dart
strings_hu.g.dart
strings_hy.g.dart
strings_id.g.dart
strings_is.g.dart
strings_it.g.dart
strings_ja.g.dart
strings_ka.g.dart
strings_kk.g.dart
strings_km.g.dart
strings_kn.g.dart
strings_ko.g.dart
strings_ky.g.dart
strings_lo.g.dart
strings_lt.g.dart
strings_lv.g.dart
strings_mk.g.dart
strings_ml.g.dart
strings_mn.g.dart
strings_mr.g.dart
strings_ms.g.dart
strings_my.g.dart
strings_nb.g.dart
strings_ne.g.dart
strings_nl.g.dart
strings_no.g.dart
strings_or.g.dart
strings_pa.g.dart
strings_pl.g.dart
strings_ps.g.dart
strings_pt.g.dart
strings_ro.g.dart
strings_ru.g.dart
strings_si.g.dart
strings_sk.g.dart
strings_sl.g.dart
strings_sq.g.dart
strings_sr.g.dart
strings_sv.g.dart
strings_sw.g.dart
strings_ta.g.dart
strings_te.g.dart
strings_th.g.dart
strings_tl.g.dart
strings_tr.g.dart
strings_ug.g.dart
strings_uk.g.dart
strings_ur.g.dart
strings_uz.g.dart
strings_vi.g.dart
strings_zh.g.dart
strings_zu.g.dart
strings.g.dart
sv.i18n.yaml
sw.i18n.yaml
ta.i18n.yaml
... 353 moreFAQ
flutter-shadcn-ui is a Claude Code plugin with 1 hand-picked skill for development work, indexed on Flowy. Install it with the command on its page. It includes shadcn-ui-flutter. Its skills do not fire on their own yet. Request auto-invocation to have Flowy route them as you prompt. Free and open source.
- What is flutter-shadcn-ui?
- Shadcn UI ported in Flutter. Awesome UI components for Flutter, fully customizable.
- 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. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.
- 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.