Tailwind CSS 现在有没有什么好用的 UI 库， For VUE 的。

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 639 天前的主题，其中的信息可能已经有所发展或是发生改变。

Tailwind CSS 着实太好用了。

看了几个 UI 库，提供的全是原始 HTML+一堆 Class ，

有没有类似 Element Plus 的封装成组件的适合 Vue3 使用的 TailwindCSS UI 库？

tailwind

CSS

好用

22 条回复 • 2025-05-01 11:13:42 +08:00

bgm004

2024-01-31 15:56:38 +08:00

https://www.shadcn-vue.com/

QUC062IzY3M1Y6dg

2024-01-31 15:57:49 +08:00

daisyui

BeiChuanAlex

2024-01-31 16:01:48 +08:00

Tailwind 官方不是有一个 UI 嘛

yuyue001

2024-01-31 16:04:40 +08:00

@BeiChuanAlex https://headlessui.com/？组件太少了吧。

shimada666

2024-01-31 16:27:16 +08:00

flowbite

jellybool

2024-01-31 16:33:54 +08:00 via Android

tailwindui 就有的吧

dc2002007

2024-01-31 16:35:26 +08:00

daisyui+1

hgaogao

2024-01-31 19:23:58 +08:00 via iPhone

radix ui

CHTuring

2024-01-31 19:30:09 +08:00 via iPhone

OP 想的是 element 这种多组件又想 tailwindcss 方便自定义的吧，那在 vue3 上答案只有 Prime Vue 的 tailwindcss 方式这一个。

CHTuring

2024-01-31 19:32:54 +08:00 via iPhone

shadcn vue 或者说是 radix vue 其实更适合 nuxt 来用，而且动不动就突然改动，使用方式也更倾向于 react ，因为本来就是 react 移植过来的。

leviyuan

2024-01-31 23:17:35 +08:00

如果是后台推荐 antdesign vue, 虽然不是专门支持 tailwind 的，但支持其 tailwind 的样式
如果追求交互推荐 daisyui ，动效比较丰富，但不适合和其他组件库一起用因为很难保持一致。
如果做海外的产品就 shadcn vue 。
参考的出海开发工具 list： https://oversaas.club/

leviyuan

2024-01-31 23:19:59 +08:00

( https://oversaas.club/ "海外开发技术工具 list")

yunye

2024-02-01 01:28:37 +08:00

nuxt ui

snarkprayer

2024-02-01 09:33:39 +08:00

nuxt ui + 1, 但必须用 nuxt ，就比较烦

chf007

2024-02-01 09:59:00 +08:00

nuxt ui ，基于 headless ui ，可自定义样式，默认的也挺好看的

stevenlee1921

2024-02-01 10:11:13 +08:00

nuxt ui

K332

2024-02-01 11:03:29 +08:00

就这些呀，官方推荐的
https://ui-libs.vercel.app/

simonhe1995

2024-02-01 11:16:04 +08:00

@chf007 nuxt ui 可以使用 https://github.com/Simon-He95/vscode-common-intellisense

luobogooooo

2024-06-26 17:45:12 +08:00

@K332 请问一下是 Tailwind 官方还是 Vue 官方

K332

2024-06-27 09:07:40 +08:00

@luobogooooo vue

Minimx

184 天前

Vue 的我没有，但我有 React 的

🚀 MetisUI-一套企业级 React-Tailwind 组件库
是为喜欢 Ant Design 和 Tailwind CSS 的开发者量身定制的解决方案！
✅ 灵活的样式覆盖
✅ 增强的交互功能
✅ 轻量化与高可定制性
立即体验: https://metisui.com
源码: https://github.com/metisjs/metis-ui

tlerbao

183 天前

@Minimx 不会 react ，会出 vue 版吗哈