[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-9545":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":23,"hasPages":25,"topics":26,"createdAt":10,"pushedAt":10,"updatedAt":32,"readmeContent":33,"aiSummary":34,"trendingCount":16,"starSnapshotCount":16,"syncStatus":35,"lastSyncTime":36,"discoverSource":37},9545,"shadcn_flutter","sunarya-thito\u002Fshadcn_flutter","sunarya-thito","A cohesive shadcn\u002Fui ecosystem for Flutter","https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F",null,"Dart",888,115,15,31,0,1,7,22,4,10.19,"BSD 3-Clause \"New\" or \"Revised\" License",false,"master",true,[27,28,29,30,31],"flutter","flutter-package","shadcn-ui","ui","ui-components","2026-06-12 02:02:09","\u003Cdiv align=\"center\">\n\n# 🎨 shadcn_flutter\n\n**A cohesive shadcn\u002Fui ecosystem for Flutter—components, theming, and\ntooling—ready to ditch Material and Cupertino**\n\n[![Pub Likes](https:\u002F\u002Fimg.shields.io\u002Fpub\u002Flikes\u002Fshadcn_flutter?style=for-the-badge&logo=dart&logoColor=white)](https:\u002F\u002Fpub.dev\u002Fpackages\u002Fshadcn_flutter)\n[![Pub Points](https:\u002F\u002Fimg.shields.io\u002Fpub\u002Fpoints\u002Fshadcn_flutter?style=for-the-badge&logo=dart&logoColor=white)](https:\u002F\u002Fpub.dev\u002Fpackages\u002Fshadcn_flutter)\n[![Pub Version](https:\u002F\u002Fimg.shields.io\u002Fpub\u002Fv\u002Fshadcn_flutter?style=for-the-badge&logo=dart&logoColor=white)](https:\u002F\u002Fpub.dev\u002Fpackages\u002Fshadcn_flutter)\n[![GitHub Sponsors](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fsponsors\u002Fsunarya-thito?style=for-the-badge&logo=github&logoColor=white)](https:\u002F\u002Fgithub.com\u002Fsponsors\u002Fsunarya-thito)\n[![GitHub Repo stars](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fsunarya-thito\u002Fshadcn_flutter?style=for-the-badge&logo=github&logoColor=white)](https:\u002F\u002Fgithub.com\u002Fsunarya-thito\u002Fshadcn_flutter)\n\n**[📚 Widget Catalog](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F)** •\n**[📦 pub.dev](https:\u002F\u002Fpub.dev\u002Fpackages\u002Fshadcn_flutter)** •\n**[💬 Discord](https:\u002F\u002Fdiscord.gg\u002FZzfBPQG4sV)**\n\n\u003C\u002Fdiv>\n\n---\n\n## Introduction\n\nWelcome to shadcn_flutter, a cohesive UI ecosystem built on the shadcn\u002Fui 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> [!NOTE]\n> Already using Material or Cupertino? You can adopt shadcn_flutter\n> incrementally: mix components inside your existing MaterialApp\u002FCupertinoApp,\n> keep your navigation (e.g., GoRouter), and align visuals with your\n> 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\u002Fui 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:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fanimatedvaluebuilder.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fanimated_value_builder)\n[![Number Ticker](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fnumber_ticker.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fnumber_ticker)\n[![RepeatedAnimationBuilder](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Frepeatedanimationbuilder.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Frepeated_animation_builder)\n\n### Disclosure\n\n[![Accordion](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Faccordion.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Faccordion)\n[![Collapsible](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fcollapsible.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fcollapsible)\n\n### Feedback\n\n[![Alert](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Falert.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Falert)\n[![Alert Dialog](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Falert_dialog.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Falert-dialog)\n[![Circular Progress](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fcircular_progress.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fcircular-progress)\n[![Progress Bar](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fprogress.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fprogress)\n[![Skeleton](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fskeleton.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fskeleton)\n[![Toast](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Ftoast.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Ftoast)\n\n### Forms\n\n[![Button](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fbutton.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fbutton)\n[![Checkbox](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fcheckbox.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fcheckbox)\n[![Chip Input](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fchip_input.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fchip_input)\n[![Color Picker](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fcolorpicker.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fcolor-picker)\n[![Date Picker](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fdatepicker.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fdate_picker)\n[![Form](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fform.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fform)\n[![Input](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Finput.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Finput)\n[![Input OTP](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Finputotp.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Finput_otp)\n[![Phone Input](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fphone_input.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fphone_input)\n[![Radio Group](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fradiogroup.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fradio_group)\n[![Select](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fselect.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fselect)\n[![Slider](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fslider.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fslider)\n[![Star Rating](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fstar_rating.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fstar_rating)\n[![Switch](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fswitch.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fswitch)\n[![Text Area](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Ftextarea.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Ftext_area)\n[![Time Picker](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Ftime_picker.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Ftime_picker)\n[![Toggle](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Ftoggle.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Ftoggle)\n\n### Layout\n\n[![Card](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fcard.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fcard)\n[![Carousel](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fcarousel.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fcarousel)\n[![Divider](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fdivider.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fdivider)\n[![Resizable](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fresizable.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fresizable)\n[![Stepper](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fstepper.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fstepper)\n[![Steps](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fsteps.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fsteps)\n[![Timeline](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Ftimeline.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Ftimeline)\n\n### Navigation\n\n[![Breadcrumb](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fbreadcrumb.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fbreadcrumb)\n[![Menubar](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fmenubar.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fmenubar)\n[![Navigation Menu](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fnavigation_menu.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fnavigation_menu)\n[![Pagination](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fpagination.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fpagination)\n[![Tabs](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Ftabs.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Ftabs)\n[![Tab List](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Ftablist.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Ftab_list)\n[![Tree](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Ftree.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Ftree)\n\n### Surfaces\n\n[![Dialog](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fdialog.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fdialog)\n[![Drawer](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fdrawer.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fdrawer)\n[![Hover Card](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fhover_card.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fhover_card)\n[![Popover](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fpopover.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fpopover)\n[![Sheet](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fsheet.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fsheet)\n[![Tooltip](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Ftooltip.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Ftooltip)\n\n### Data Display\n\n[![Avatar](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Favatar.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Favatar)\n[![Avatar Group](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Favatar_group.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Favatar_group)\n[![Code Snippet](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fcodesnippet.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fcode-snippet)\n[![Tracker](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Ftracker.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Ftracker)\n\n### Utilities\n\n[![Badge](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fbadge.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fbadge)\n[![Calendar](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fcalendar.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fcalendar)\n[![Command](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fcommand.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fcommand)\n[![Context Menu](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fcontext_menu.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fcontext_menu)\n[![Dropdown Menu](https:\u002F\u002Fraw.githubusercontent.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fmaster\u002Fdocs_images\u002Fdropdown_menu.png)](https:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002F#\u002Fcomponents\u002Fdropdown_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:\u002F\u002Fsunarya-thito.github.io\u002Fshadcn_flutter\u002Fllms-full.txt) -\n  Full component reference with props, methods, and usage examples\n\n## Agent Skills\n\nFor compatible coding agents that support [Agent Skills](https:\u002F\u002Fagentskills.io), you can install with this command:\n```bash\nnpx skills add sunarya-thito\u002Fshadcn_flutter\n```\n\n## FAQ\n\n\u003Cdetails>\n\u003Csummary>\u003Cstrong>Does this replace Material\u002FCupertino?\u003C\u002Fstrong>\u003C\u002Fsummary>\n\nYes. shadcn_flutter is a standalone ecosystem built on the shadcn\u002Fui design\nsystem. Interop with Material\u002FCupertino is optional so you can adopt it\nincrementally or go all‑in.\n\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>\u003Cstrong>Can I use it with my existing MaterialApp\u002FCupertinoApp?\u003C\u002Fstrong>\u003C\u002Fsummary>\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\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>\u003Cstrong>Does it support GoRouter?\u003C\u002Fstrong>\u003C\u002Fsummary>\n\nYes.\n\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>\u003Cstrong>Which platforms are supported?\u003C\u002Fstrong>\u003C\u002Fsummary>\n\nAndroid, iOS, Web, macOS, Windows, and Linux.\n\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>\u003Cstrong>Can I use it commercially?\u003C\u002Fstrong>\u003C\u002Fsummary>\n\nYes. Free to use for personal and commercial projects. No attribution required.\n\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>\u003Cstrong>Can I choose between Default and New York styles?\u003C\u002Fstrong>\u003C\u002Fsummary>\n\nThis package currently supports the New York style. If you need the default\nstyle of shadcn\u002Fui, consider this package:\n[flutter-shadcn-ui](https:\u002F\u002Fgithub.com\u002Fnank1ro\u002Fflutter-shadcn-ui) by\n[@nank1ro](https:\u002F\u002Fx.com\u002Fnank1ro).\n\n\u003C\u002Fdetails>\n\n## Contributing & 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\">\n\n[![⭐ Star on GitHub](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F⭐_Star_on_GitHub-black?style=for-the-badge&logo=github)](https:\u002F\u002Fgithub.com\u002Fsunarya-thito\u002Fshadcn_flutter)\n[![💖 Sponsor](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F💖_Sponsor-pink?style=for-the-badge&logo=github-sponsors)](https:\u002F\u002Fgithub.com\u002Fsponsors\u002Fsunarya-thito)\n[![🐛 Report Bug](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F🐛_Report_Bug-red?style=for-the-badge&logo=github)](https:\u002F\u002Fgithub.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fissues)\n[![💡 Request Feature](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F💡_Request_Feature-blue?style=for-the-badge&logo=github)](https:\u002F\u002Fgithub.com\u002Fsunarya-thito\u002Fshadcn_flutter\u002Fissues)\n\n\u003C\u002Fdiv>\n\n#### Financial Support\n\n- **[GitHub Sponsors](https:\u002F\u002Fgithub.com\u002Fsponsors\u002Fsunarya-thito)** - Support\n  ongoing development\n- **[PayPal](https:\u002F\u002Fpaypal.me\u002Fsunaryathito)** - 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:\u002F\u002Fdiscord.gg\u002FZzfBPQG4sV)** - 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\">\n\n**Built with ❤️ by [Thito Yalasatria Sunarya](https:\u002F\u002Fgithub.com\u002Fsunarya-thito)\nand the community**\n\n_Made in Indonesia 🇮🇩_\n\n\u003C\u002Fdiv>\n","shadcn_flutter 是一个为 Flutter 应用程序设计的统一 UI 生态系统。它提供了 84 个及以上的组件，这些组件基于 shadcn\u002Fui 设计系统构建，旨在替代 Material 和 Cupertino 风格，同时保持跨平台的一致性与生产就绪体验。项目支持在 MaterialApp 和 CupertinoApp 中混合使用，便于渐进式迁移，并且对 Android、iOS、Web、macOS、Windows 和 Linux 提供一流的支持。此外，shadcn_flutter 还包含了多种用于排版目的的小部件扩展。此项目非常适合希望采用新设计语言或寻求更现代 UI 解决方案的 Flutter 开发者。",2,"2026-06-11 03:23:19","top_language"]