请推荐和 TailwindCSS 配合的 UI 组件库

2022-10-30 09:36:22 +08:00
 Angela2022

请推荐能配合 TailwindCSS 的 UI 组件库, 要求:

  1. 组件样式能被 TailWindCSS 覆盖
  2. 组件库最好也是 Tailwind 写的
  3. 能配合 react
  4. 最好配 js 产生功能
  5. 组件库组件齐全
  6. 最好免费

目前看了几个库, 都不好:

  1. headlessUI ---组件太少
  2. DaisyUI ---内置 css 类, 不能被 tailwind 覆盖, 定制差, 没有配 js
  3. TailWindUI ---收费
  4. materialUI -- 内置 css 类, 不能被 tailwind 覆盖,
  5. 其他 Tailwind UI 库 --组件少, 没有配 js

谢谢!

12397 次点击
所在节点    程序员
30 条回复
Mogeko
2022-10-31 06:23:33 +08:00
目前搞得好的，免费开源的也就只有 DaisyUI👀
stimw
2022-10-31 07:12:24 +08:00
@ysc3839 发邮件求个折扣，学生或者收入不足多少美元打五六折好像
QKgf555H87Fp0cth
2022-10-31 10:03:42 +08:00
MUI 真的不错，简单。
40EaE5uJO3Xt1VVa
2022-10-31 10:47:43 +08:00
@liutao1998 这个站点是开源改的还是 i 自己做的
themiscloud
2022-10-31 11:39:30 +08:00
react 的话用借鉴 tailwind 的 chakra-ui ，样式全搞成组件属性，写来舒服的一批
beginor
2022-10-31 15:17:19 +08:00
那你需要的是 bootstrap ， 所有的 component 的属性都可以被它的 utility 覆盖
ccyu220
2022-10-31 15:43:43 +08:00
PrimeReact 完美契合
liutao1998
2022-10-31 16:25:49 +08:00
@yanzhiling2001 自己做的，里面用了很多开源的东西，比如组件用的 DaisyUI ，编辑器 monaco-editor
waterskiing
2022-11-04 10:38:02 +08:00
我感觉“不能 TailWindCSS 覆盖”这点有点难，我记得有个配置 pure 会把没有使用的 css 去掉，很多库都会配置吧。
BadJohnny
2023-05-24 16:54:51 +08:00
Flowbite
https://flowbite.com/docs/
https://flowbite-react.com/

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/891088

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX