这是一个创建于 757 天前的主题，其中的信息可能已经有所发展或是发生改变。
请推荐能配合 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
gzyguy 2022-10-30 11:40:58 +08:00
|
|
10
gzyguy 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
likunyan 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
|
Select Language