Repolode
提交项目
nank1ro

nank1ro/flutter-shadcn-ui

shadcn/ui 的 Flutter 移植版，提供一套可高度定制的 Flutter UI 组件。

在 GitHub 查看官网
Star
2,842
Fork
202
未关闭 Issue
48
最近提交
4天前

这是什么？

Flutter ShadcnUI 将 shadcn/ui 的设计风格带到 Flutter 中，提供按钮、卡片、对话框、表单、日期和时间选择器、标签页、表格、Toast、Sheet 等现成组件，视觉风格与 shadcn 保持一致。

这些组件设计为可定制，每个控件都提供样式相关的配置项，开发者可以调整颜色、尺寸和行为以适配自己的应用，而无需修改源码。项目提供各组件的交互式文档和示例，并通过 pub.dev 以 shadcn_ui 包的形式发布。

该库仍在开发中，Carousel、Command、Data Table、Drawer、Skeleton、Toggle 等组件尚未完成，部分 shadcn 组件则建议改用 Flutter 原生组件替代。

核心功能

  • 01将 shadcn/ui 的按钮、卡片、对话框、表单等组件移植到 Flutter。
  • 02每个组件都提供颜色、尺寸和行为等样式配置项。
  • 03包含日期选择器、时间选择器、OTP 输入、日历和可调整大小的布局组件。
  • 04提供各组件的交互式文档和示例。
  • 05以 shadcn_ui 包的形式发布在 pub.dev 上。

适用场景

  • 在 Flutter 应用中快速构建现代、shadcn 风格的界面，无需从零设计每个组件。
  • 使用输入框、选择器、复选框和日期选择器等组件搭建表单。
  • 为 Flutter 应用添加风格统一的 Toast、对话框和 Sheet。

使用前须知

  • 多个 shadcn/ui 组件尚未移植，包括 Carousel、Data Table、Navigation Menu、Pagination 和 Toggle。

收录于专题

前端框架与界面组件

标签

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

常见问题

flutter-shadcn-ui 是什么？
shadcn/ui 的 Flutter 移植版，提供一套可高度定制的 Flutter UI 组件。 Flutter ShadcnUI 将 shadcn/ui 的设计风格带到 Flutter 中，提供按钮、卡片、对话框、表单、日期和时间选择器、标签页、表格、Toast、Sheet 等现成组件，视觉风格与 shadcn 保持一致。
flutter-shadcn-ui 可以免费使用吗？用的什么许可证？
flutter-shadcn-ui 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
flutter-shadcn-ui 还在维护吗？
活跃维护中。flutter-shadcn-ui 最近一次提交是在 2026年11月3日。
flutter-shadcn-ui 适合用来做什么？
在 Flutter 应用中快速构建现代、shadcn 风格的界面，无需从零设计每个组件。 使用输入框、选择器、复选框和日期选择器等组件搭建表单。 为 Flutter 应用添加风格统一的 Toast、对话框和 Sheet。
在哪里获取 flutter-shadcn-ui？
源代码和安装说明在 GitHub 上：https://github.com/nank1ro/flutter-shadcn-ui

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目