使用 Shadcn UI 你必须了解的 10 个组件库！

shadcn-ui 是一个现代化的 React 组件库，它为开发者提供了一组高度可定制且易于访问的 UI 组件。

尽管 Shadcn UI 自带多种内置组件，但仍然无法满足不同应用场景的需求。本文将分享Awesome Shadcn UI推荐的 10 个实用组件。

Github awesome-shadcn-ui

1. Shadcn UI 侧边栏（新增）

一个可组合、可定制主题、可自定义的侧边栏组件。

麻省理工学院

2. 盘子

带有 shadcn/ui 的富文本编辑器。

麻省理工学院 / 11K+

3. 瓦尔

Vaul 是一个用于 React 的无样式抽屉组件，可以在平板电脑和移动设备上用作对话框的替代品。

麻省理工学院 / 6.3K+

4. 自动成型

🌟 根据现有数据模式自动渲染表单

麻省理工学院 / 2.9K+

5. shadcn-table

具有服务器端排序、筛选和分页功能的 Shadcn 表。

麻省理工学院 / 2.7K+

6. maily.to

使用 Maily 这款功能强大的电子邮件编辑器，轻松制作精美的电子邮件，确保与所有主要客户进行完美沟通。

麻省理工学院 / 1.6K+

7. 埃姆洛尔

一个使用 shadcn/ui 构建的全功能标签输入组件。

麻省理工学院/706

8. shadcn 的日期范围选择器

DateRangePicker 是一个基于 Radix UI 和 Tailwind CSS 的 shadcn 可重用组件。它包含预设日期范围、文本输入、日历选择和日期比较功能。

麻省理工学院/666

9. shadcn-minimal-tiptap

Minimal Tiptap Editor 是一款轻量级、可定制的富文本编辑器组件，专为 Shadcn 构建。它提供了一个直观的界面，方便用户进行文本格式化和编辑。

麻省理工学院/659

10. 可排序

使用 shadcn/ui、radix ui 和 dnd-kit 构建的 Sortable。

麻省理工学院/438

除了以上 10 个开源项目外，Awesome Shadcn UI 还介绍了其他项目，您可以访问Awesome Shadcn UI了解更多与 Shadcn 相关的项目。