或许你应该看看 shadcn-vue

在React中,shadcn应该已经成立vibe coding时代的主流组件库了。或许不应该叫它组件库,而应该叫它组件系统。因为shadcn的组件是可以直接拿来用的,也可以作为设计系统的基础来使用。

在Vue中,我们也有shadcn-vue这个项目。它是shadcn的Vue版本,和shadcn一样,shadcn-vue也是基于tailwindcss的。而且有新的组件也会第一时间跟进。

之前使用shadcn-vue时,它的组件不是很完善。目前有这几个新加的组件后,我们对比element plus,目前没有的组件只有:

  • 样式组件
    1. Layout Container
    2. Layout
    3. Scrollbar
    4. Space
    5. Typography
    6. Empty
    7. Result
    8. Descriptions
  • 功能组件
    1. Color Picker (不常用,可以使用input加color属性实现)
    2. Color Picker Panel
    3. Rate
    4. Transfer
    5. Tree
    6. Tree Select

这些组件有很大一部分都是样式组件,可以很方便的使用tailwindcss来实现。剩余的一些组件也可以很方便的在Reka 这个库中找到。

而且社区还有人一直在提交组件并且创建之于shadcn-vue的组件库。

所以,如果你正在使用Vue,并且想要一个轻量级的、可定制的组件库,shadcn-vue是一个不错的选择。它不仅提供了丰富的组件,还允许你根据自己的设计需求进行定制。

你的公司或者项目如果正在使用tailwindcss,并且需要一个现代化的组件库,shadcn-vue绝对值得一试。

新故事即将发生
五分钟内免费集成 CodeRabbit 到你的项目中