在React中,shadcn应该已经成立vibe coding时代的主流组件库了。或许不应该叫它组件库,而应该叫它组件系统。因为shadcn的组件是可以直接拿来用的,也可以作为设计系统的基础来使用。
在Vue中,我们也有shadcn-vue这个项目。它是shadcn的Vue版本,和shadcn一样,shadcn-vue也是基于tailwindcss的。而且有新的组件也会第一时间跟进。
之前使用shadcn-vue时,它的组件不是很完善。目前有这几个新加的组件后,我们对比element plus,目前没有的组件只有:
- 样式组件
- Layout Container
- Layout
- Scrollbar
- Space
- Typography
- Empty
- Result
- Descriptions
- 功能组件
- Color Picker (不常用,可以使用input加color属性实现)
- Color Picker Panel
- Rate
- Transfer
- Tree
- Tree Select
这些组件有很大一部分都是样式组件,可以很方便的使用tailwindcss来实现。剩余的一些组件也可以很方便的在Reka 这个库中找到。
而且社区还有人一直在提交组件并且创建之于shadcn-vue的组件库。
所以,如果你正在使用Vue,并且想要一个轻量级的、可定制的组件库,shadcn-vue是一个不错的选择。它不仅提供了丰富的组件,还允许你根据自己的设计需求进行定制。
你的公司或者项目如果正在使用tailwindcss,并且需要一个现代化的组件库,shadcn-vue绝对值得一试。