Repolode
Submit
nank1ro

nank1ro/flutter-shadcn-ui

A Flutter port of shadcn/ui, providing a set of customizable UI components for Flutter apps.

View on GitHubWebsite
Stars
2,842
Forks
202
Open issues
48
Last commit
4 days ago

What is it?

Flutter ShadcnUI brings the shadcn/ui design system to Flutter. It offers a library of ready-made widgets such as buttons, cards, dialogs, forms, date and time pickers, tabs, tables, toasts and sheets, styled to match the shadcn look.

The components are built to be customized: each widget exposes styling options so developers can adapt colors, sizing and behavior to their own app rather than forking the code. The project publishes documentation with interactive examples for each component, and the package is distributed on pub.dev as shadcn_ui.

The library is a work in progress. Several components, including Carousel, Command, Data Table, Drawer, Skeleton and Toggle, are still listed as unfinished, and some shadcn components are replaced by existing Flutter widgets.

Key features

  • 01Ports shadcn/ui components such as buttons, cards, dialogs, and forms to Flutter.
  • 02Each widget exposes styling options for colors, sizing, and behavior.
  • 03Includes date picker, time picker, input OTP, calendar, and resizable layouts.
  • 04Provides interactive documentation with examples for each component.
  • 05Distributed as the shadcn_ui package on pub.dev.

Use cases

  • Building a Flutter app with a modern, shadcn-style interface without designing every widget from scratch.
  • Creating forms with input, select, checkbox, and date picker components.
  • Adding toasts, dialogs, and sheets to a Flutter application with a consistent look.

Things to know

  • Several shadcn/ui components are not yet ported, including Carousel, Data Table, Navigation Menu, Pagination, and Toggle.

In collections

Frontend frameworks & UI components

Topics

#flutter#dart#ui-components#design-system#shadcn-ui#widgets#mobile-ui#shadcn#shadcnui#ui

FAQ

What is flutter-shadcn-ui?
A Flutter port of shadcn/ui, providing a set of customizable UI components for Flutter apps. Flutter ShadcnUI brings the shadcn/ui design system to Flutter. It offers a library of ready-made widgets such as buttons, cards, dialogs, forms, date and time pickers, tabs, tables, toasts and sheets, styled to match the shadcn look.
Is flutter-shadcn-ui free to use? What license does it have?
flutter-shadcn-ui is open source under the MIT license. Check the license terms before using it in commercial products.
Is flutter-shadcn-ui still maintained?
Actively maintained. The last commit to flutter-shadcn-ui was on Nov 3, 2026.
What can I use flutter-shadcn-ui for?
Building a Flutter app with a modern, shadcn-style interface without designing every widget from scratch. Creating forms with input, select, checkbox, and date picker components. Adding toasts, dialogs, and sheets to a Flutter application with a consistent look.
Where can I get flutter-shadcn-ui?
The source code and installation instructions are on GitHub: https://github.com/nank1ro/flutter-shadcn-ui

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects