{"id":16059436,"url":"https://github.com/sunarya-thito/shadcn_flutter","last_synced_at":"2026-02-12T09:04:38.752Z","repository":{"id":222068140,"uuid":"756168811","full_name":"sunarya-thito/shadcn_flutter","owner":"sunarya-thito","description":"Shadcn/UI ported to Flutter (Unofficial)","archived":false,"fork":false,"pushed_at":"2025-05-08T14:36:22.000Z","size":29329,"stargazers_count":367,"open_issues_count":40,"forks_count":45,"subscribers_count":13,"default_branch":"master","last_synced_at":"2025-05-08T20:11:28.755Z","etag":null,"topics":["flutter","flutter-package","shadcn-ui","ui","ui-components"],"latest_commit_sha":null,"homepage":"https://sunarya-thito.github.io/shadcn_flutter/","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sunarya-thito.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null},"funding":{"github":"sunarya-thito","patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"lfx_crowdfunding":null,"polar":null,"buy_me_a_coffee":null,"thanks_dev":null,"custom":null}},"created_at":"2024-02-12T05:24:42.000Z","updated_at":"2025-05-08T18:27:15.000Z","dependencies_parsed_at":"2024-02-17T23:29:53.723Z","dependency_job_id":"e5629d49-d5d3-43a3-8ef5-bcd894090719","html_url":"https://github.com/sunarya-thito/shadcn_flutter","commit_stats":null,"previous_names":["sunarya-thito/shadcn_flutter"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sunarya-thito%2Fshadcn_flutter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sunarya-thito%2Fshadcn_flutter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sunarya-thito%2Fshadcn_flutter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sunarya-thito%2Fshadcn_flutter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sunarya-thito","download_url":"https://codeload.github.com/sunarya-thito/shadcn_flutter/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253160759,"owners_count":21863624,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["flutter","flutter-package","shadcn-ui","ui","ui-components"],"created_at":"2024-10-09T04:01:05.460Z","updated_at":"2026-02-06T01:02:06.420Z","avatar_url":"https://github.com/sunarya-thito.png","language":"Dart","funding_links":["https://github.com/sponsors/sunarya-thito","https://paypal.me/sunaryathito"],"categories":["Dart"],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\n# 🎨 shadcn_flutter\n\n**A cohesive shadcn/ui ecosystem for Flutter—components, theming, and\ntooling—ready to ditch Material and Cupertino**\n\n[![Pub Likes](https://img.shields.io/pub/likes/shadcn_flutter?style=for-the-badge\u0026logo=dart\u0026logoColor=white)](https://pub.dev/packages/shadcn_flutter)\n[![Pub Points](https://img.shields.io/pub/points/shadcn_flutter?style=for-the-badge\u0026logo=dart\u0026logoColor=white)](https://pub.dev/packages/shadcn_flutter)\n[![Pub Version](https://img.shields.io/pub/v/shadcn_flutter?style=for-the-badge\u0026logo=dart\u0026logoColor=white)](https://pub.dev/packages/shadcn_flutter)\n[![GitHub Sponsors](https://img.shields.io/github/sponsors/sunarya-thito?style=for-the-badge\u0026logo=github\u0026logoColor=white)](https://github.com/sponsors/sunarya-thito)\n[![GitHub Repo stars](https://img.shields.io/github/stars/sunarya-thito/shadcn_flutter?style=for-the-badge\u0026logo=github\u0026logoColor=white)](https://github.com/sunarya-thito/shadcn_flutter)\n\n**[📚 Widget Catalog](https://sunarya-thito.github.io/shadcn_flutter/)** •\n**[📦 pub.dev](https://pub.dev/packages/shadcn_flutter)** •\n**[💬 Discord](https://discord.gg/ZzfBPQG4sV)**\n\n\u003c/div\u003e\n\n---\n\n## Introduction\n\nWelcome to shadcn_flutter, a cohesive UI ecosystem built on the shadcn/ui design\nsystem for Flutter applications across mobile, web, and desktop. Rather than a\none‑to‑one design‑system port, this project focuses on delivering a consistent,\nproduction‑ready experience that feels at home on every platform.\n\n\u003e [!NOTE]\n\u003e Already using Material or Cupertino? You can adopt shadcn_flutter\n\u003e incrementally: mix components inside your existing MaterialApp/CupertinoApp,\n\u003e keep your navigation (e.g., GoRouter), and align visuals with your\n\u003e shadcn_flutter theme. Interop is optional—go all‑in when you're ready.\n\n## Features\n\n- 84 components and growing!\n- Standalone ecosystem: no Material or Cupertino requirement; optional interop\n  when needed.\n- shadcn/ui design tokens and ready-to-use New York theme.\n- Works inside MaterialApp and CupertinoApp; mix and match while you migrate.\n- First-class support across Android, iOS, Web, macOS, Windows, and Linux.\n- Various widget extensions for typography purposes.\n\n## Components Library\n\n### Animation\n\n[![AnimatedValueBuilder](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/animatedvaluebuilder.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/animated_value_builder)\n[![Number Ticker](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/number_ticker.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/number_ticker)\n[![RepeatedAnimationBuilder](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/repeatedanimationbuilder.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/repeated_animation_builder)\n\n### Disclosure\n\n[![Accordion](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/accordion.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/accordion)\n[![Collapsible](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/collapsible.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/collapsible)\n\n### Feedback\n\n[![Alert](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/alert.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/alert)\n[![Alert Dialog](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/alert_dialog.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/alert-dialog)\n[![Circular Progress](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/circular_progress.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/circular-progress)\n[![Progress Bar](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/progress.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/progress)\n[![Skeleton](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/skeleton.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/skeleton)\n[![Toast](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/toast.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/toast)\n\n### Forms\n\n[![Button](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/button.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/button)\n[![Checkbox](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/checkbox.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/checkbox)\n[![Chip Input](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/chip_input.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/chip_input)\n[![Color Picker](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/colorpicker.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/color-picker)\n[![Date Picker](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/datepicker.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/date_picker)\n[![Form](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/form.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/form)\n[![Input](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/input.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/input)\n[![Input OTP](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/inputotp.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/input_otp)\n[![Phone Input](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/phone_input.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/phone_input)\n[![Radio Group](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/radiogroup.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/radio_group)\n[![Select](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/select.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/select)\n[![Slider](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/slider.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/slider)\n[![Star Rating](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/star_rating.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/star_rating)\n[![Switch](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/switch.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/switch)\n[![Text Area](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/textarea.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/text_area)\n[![Time Picker](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/time_picker.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/time_picker)\n[![Toggle](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/toggle.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/toggle)\n\n### Layout\n\n[![Card](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/card.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/card)\n[![Carousel](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/carousel.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/carousel)\n[![Divider](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/divider.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/divider)\n[![Resizable](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/resizable.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/resizable)\n[![Stepper](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/stepper.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/stepper)\n[![Steps](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/steps.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/steps)\n[![Timeline](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/timeline.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/timeline)\n\n### Navigation\n\n[![Breadcrumb](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/breadcrumb.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/breadcrumb)\n[![Menubar](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/menubar.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/menubar)\n[![Navigation Menu](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/navigation_menu.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/navigation_menu)\n[![Pagination](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/pagination.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/pagination)\n[![Tabs](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/tabs.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/tabs)\n[![Tab List](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/tablist.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/tab_list)\n[![Tree](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/tree.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/tree)\n\n### Surfaces\n\n[![Dialog](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/dialog.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/dialog)\n[![Drawer](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/drawer.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/drawer)\n[![Hover Card](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/hover_card.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/hover_card)\n[![Popover](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/popover.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/popover)\n[![Sheet](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/sheet.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/sheet)\n[![Tooltip](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/tooltip.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/tooltip)\n\n### Data Display\n\n[![Avatar](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/avatar.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/avatar)\n[![Avatar Group](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/avatar_group.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/avatar_group)\n[![Code Snippet](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/codesnippet.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/code-snippet)\n[![Tracker](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/tracker.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/tracker)\n\n### Utilities\n\n[![Badge](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/badge.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/badge)\n[![Calendar](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/calendar.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/calendar)\n[![Command](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/command.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/command)\n[![Context Menu](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/context_menu.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/context_menu)\n[![Dropdown Menu](https://raw.githubusercontent.com/sunarya-thito/shadcn_flutter/master/docs_images/dropdown_menu.png)](https://sunarya-thito.github.io/shadcn_flutter/#/components/dropdown_menu)\n\n## LLMs Support\n\nThis repository includes a prebuilt, machine‑friendly reference file you can\nfeed to LLMs and editor assistants:\n\n- [`llms-full.txt`](https://sunarya-thito.github.io/shadcn_flutter/llms-full.txt) -\n  Full component reference with props, methods, and usage examples\n\n## FAQ\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eDoes this replace Material/Cupertino?\u003c/strong\u003e\u003c/summary\u003e\n\nYes. shadcn_flutter is a standalone ecosystem built on the shadcn/ui design\nsystem. Interop with Material/Cupertino is optional so you can adopt it\nincrementally or go all‑in.\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eCan I use it with my existing MaterialApp/CupertinoApp?\u003c/strong\u003e\u003c/summary\u003e\n\nYes. Drop shadcn_flutter components into your app, keep your current routing\n(e.g., GoRouter) and state management, and migrate over time.\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eDoes it support GoRouter?\u003c/strong\u003e\u003c/summary\u003e\n\nYes.\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eWhich platforms are supported?\u003c/strong\u003e\u003c/summary\u003e\n\nAndroid, iOS, Web, macOS, Windows, and Linux.\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eCan I use it commercially?\u003c/strong\u003e\u003c/summary\u003e\n\nYes. Free to use for personal and commercial projects. No attribution required.\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eCan I choose between Default and New York styles?\u003c/strong\u003e\u003c/summary\u003e\n\nThis package currently supports the New York style. If you need the default\nstyle of shadcn/ui, consider this package:\n[flutter-shadcn-ui](https://github.com/nank1ro/flutter-shadcn-ui) by\n[@nank1ro](https://x.com/nank1ro).\n\n\u003c/details\u003e\n\n## Contributing \u0026 Support\n\nWe welcome contributions from the community! Here's how you can help make\nshadcn_flutter even better:\n\n### Ways to Contribute\n\n\u003cdiv align=\"center\"\u003e\n\n[![⭐ Star on GitHub](https://img.shields.io/badge/⭐_Star_on_GitHub-black?style=for-the-badge\u0026logo=github)](https://github.com/sunarya-thito/shadcn_flutter)\n[![💖 Sponsor](https://img.shields.io/badge/💖_Sponsor-pink?style=for-the-badge\u0026logo=github-sponsors)](https://github.com/sponsors/sunarya-thito)\n[![🐛 Report Bug](https://img.shields.io/badge/🐛_Report_Bug-red?style=for-the-badge\u0026logo=github)](https://github.com/sunarya-thito/shadcn_flutter/issues)\n[![💡 Request Feature](https://img.shields.io/badge/💡_Request_Feature-blue?style=for-the-badge\u0026logo=github)](https://github.com/sunarya-thito/shadcn_flutter/issues)\n\n\u003c/div\u003e\n\n#### Financial Support\n\n- **[GitHub Sponsors](https://github.com/sponsors/sunarya-thito)** - Support\n  ongoing development\n- **[PayPal](https://paypal.me/sunaryathito)** - Support ongoing development\n- **Star the repository** - Help us reach more developers\n- **Share the project** - Spread the word in your community\n\n#### Code Contributions\n\n- **Bug fixes** - Help us squash those pesky bugs\n- **New features** - Add components or enhance existing ones\n- **Documentation** - Improve guides, examples, and API docs\n- **Testing** - Write tests to improve reliability\n\n#### Community Support\n\n- **[Join our Discord](https://discord.gg/ZzfBPQG4sV)** - Get help and connect\n  with other developers\n- **Help others** - Answer questions and share your knowledge\n- **Write tutorials** - Create blog posts or video tutorials\n\n### Recognition\n\nThis project is funded and maintained by the community. Every contribution, no\nmatter how small, makes a difference and helps ensure the continued development\nof shadcn_flutter.\n\n**Thank you to all our contributors and supporters! 🙏**\n\n---\n\n\u003cdiv align=\"center\"\u003e\n\n**Built with ❤️ by [Thito Yalasatria Sunarya](https://github.com/sunarya-thito)\nand the community**\n\n_Made in Indonesia 🇮🇩_\n\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsunarya-thito%2Fshadcn_flutter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsunarya-thito%2Fshadcn_flutter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsunarya-thito%2Fshadcn_flutter/lists"}