这是一个创建于 1077 天前的主题，其中的信息可能已经有所发展或是发生改变。
请推荐能配合 TailwindCSS 的 UI 组件库, 要求:
- 组件样式能被 TailWindCSS 覆盖
- 组件库最好也是 Tailwind 写的
- 能配合 react
- 最好配 js 产生功能
- 组件库组件齐全
- 最好免费
目前看了几个库, 都不好:
- headlessUI ---组件太少
- DaisyUI ---内置 css 类, 不能被 tailwind 覆盖, 定制差, 没有配 js
- TailWindUI ---收费
- materialUI -- 内置 css 类, 不能被 tailwind 覆盖,
- 其他 Tailwind UI 库 --组件少, 没有配 js
谢谢!
 | 1 estk 2022-10-30 09:40:50 +08:00 via Android mui |
| 2 estk 2022-10-30 09:42:53 +08:00 via Android 我是 mui+tailwind 至于你说的不能被覆盖？具体什么意思？ mui 官方文档有教怎么配合 tailwind 使用，tailwind 官方文档也有教怎么配合 mui 使用 |
 | 3 liuzhaowei55 2022-10-30 09:43:36 +08:00 via iPhone 4 可以使用 base 库，自定义 css |
 | 4 Angela2022 OP @estk 请问: mui 的 styled 函数和 sx 属性都可以用 tailwind 在行内写代替吗, mui 的默认属性(如按钮的内边距)可以用 tailwind 行内 CSS 覆盖吗 |
 | 5 wbwm 2022-10-30 09:52:10 +08:00  3 |
 | 6 yuezk 2022-10-30 09:52:14 +08:00 HyperUI: https://www.hyperui.dev/ |
 | 7 jisuowei 2022-10-30 09:52:19 +08:00 blueprintjs |
| 8 estk 2022-10-30 11:35:18 +08:00 @Angela2022 #4 这种我就直接用 styled 和 sx 了。tailwind 我主要用来更改 margin, padding, flex, font 等，比 css 简洁。因为离不开 mui ，又不像写复杂 css |
 | 9 callv 2022-10-30 11:40:58 +08:00 |
| 10 callv 2022-10-30 11:41:39 +08:00 发现楼主已经贴了 |
 | 11 ragnaroks 2022-10-30 13:36:14 +08:00 原子类和封装组件本身就是天然冲突，除非组件刻意将 className 传递到内部元素。 一般而言，使用 tailwindcss 不会考虑再加个组件库，纯手撸。 |
 | 12 mkfoy 2022-10-30 14:15:01 +08:00 |
| 13 mkfoy 2022-10-30 14:17:46 +08:00 |
 | 14 haya 2022-10-30 17:09:15 +08:00 |
 | 15 pengtikui 2022-10-30 18:22:35 +08:00 |
 | 16 qinrui 2022-10-30 23:38:27 +08:00 mdbootstrap |
 | 17 liutao1998 2022-10-30 23:50:22 +08:00 我用了 DaisiUI, 纯 css 用起来有点麻烦，每个组件包装了下，比较喜欢他的风格 , https://r.xjq.icu |
 | 18 stimw 2022-10-31 00:05:50 +08:00 via iPhone 我买了 tailwindui ，价格忘了，貌似人民币 700 多 |
| 19 stimw 2022-10-31 00:09:44 +08:00 |
 | 21 Mogeko 2022-10-31 06:23:33 +08:00 via iPhone 目前搞得好的，免费开源的也就只有 DaisyUI |
 | 23 QKgf555H87Fp0cth 2022-10-31 10:03:42 +08:00 MUI 真的不错，简单。 |
 | 24 40EaE5uJO3Xt1VVa 2022-10-31 10:47:43 +08:00 @liutao1998 这个站点是开源改的还是 i 自己做的 |
 | 25 themiscloud 2022-10-31 11:39:30 +08:00 react 的话用借鉴 tailwind 的 chakra-ui ，样式全搞成组件属性，写来舒服的一批 |
 | 26 beginor 2022-10-31 15:17:19 +08:00 那你需要的是 bootstrap ， 所有的 component 的属性都可以被它的 utility 覆盖 |
 | 27 ccyu220 2022-10-31 15:43:43 +08:00 PrimeReact 完美契合 |
| 28 liutao1998 2022-10-31 16:25:49 +08:00 @yanzhiling2001 自己做的，里面用了很多开源的东西，比如组件用的 DaisyUI ，编辑器 monaco-editor |
 | 29 waterskiing 2022-11-04 10:38:02 +08:00 我感觉“不能 TailWindCSS 覆盖”这点有点难，我记得有个配置 pure 会把没有使用的 css 去掉，很多库都会配置吧。 |
 | 30 BadJohnny 2023-05-24 16:54:51 +08:00 |
 | 31 Minimx 164 天前 适配你的需求，可以试试 MetisUI-一套企业级 React-Tailwind 组件库 是为喜欢 Ant Design 和 Tailwind CSS 的开发者量身定制的解决方案！ 灵活的样式覆盖 增强的交互功能 轻量化与高可定制性 立即体验: https://metisui.com 源码: https://github.com/metisjs/metis-ui |
Select Language