首页 > web前端 > css教程 > 使用Shadcn UI你必须知道的组件库!

使用Shadcn UI你必须知道的组件库!

DDD
发布: 2024-10-26 06:01:02
原创
355 人浏览过

shadcn-ui 是一个现代 React 组件库,为开发人员提供了一组高度可定制且可访问的 UI 组件。

虽然Shadcn UI内置了多种组件,但仍然无法满足不同应用场景的需求。在这篇文章中我将分享 Awesome Shadcn UI 推荐的 10 个有用的组件。

Component Libraries You Must Know To Use Shadcn UI!

1. Shadcn UI侧边栏(新)

可组合、可主题化且可自定义的侧边栏组件。

麻省理工学院

Component Libraries You Must Know To Use Shadcn UI!

Component Libraries You Must Know To Use Shadcn UI!

2. 板材

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

麻省理工学院 / 11K

Component Libraries You Must Know To Use Shadcn UI!

Component Libraries You Must Know To Use Shadcn UI!

3. 瓦尔

Vaul 是 React 的无样式抽屉组件,可用作平板电脑和移动设备上的 Dialog 替代品。

麻省理工学院 / 6.3K

Component Libraries You Must Know To Use Shadcn UI!

4. 自动成型

?自动呈现现有数据模式的表单

麻省理工学院 / 2.9K

Component Libraries You Must Know To Use Shadcn UI!

5. shadcn表

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

麻省理工学院 / 2.7K

Component Libraries You Must Know To Use Shadcn UI!

6. 邮寄至

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

麻省理工学院 / 1.6K

Component Libraries You Must Know To Use Shadcn UI!

7. 装饰

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

麻省理工学院/706

Component Libraries You Must Know To Use Shadcn UI!

8. shadcn 的日期范围选择器

DateRangePicker 是 shadcn 的一个可重用组件,使用 Radix UI 和 Tailwind CSS。包括预设日期范围、文本输入、日历选择和日期比较。

麻省理工学院/666

Component Libraries You Must Know To Use Shadcn UI!

9. shadcn-minimal-tiptap

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

麻省理工学院/659

Component Libraries You Must Know To Use Shadcn UI!

10.可排序

使用 shadcn/ui、radix ui 和 dnd-kit 构建的可排序。

麻省理工学院/438

Component Libraries You Must Know To Use Shadcn UI!

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

以上是使用Shadcn UI你必须知道的组件库!的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板