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