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

[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

谢谢!

[estk]

mui

[estk]

我是 mui+tailwind
至于你说的不能被覆盖？具体什么意思？ mui 官方文档有教怎么配合 tailwind 使用，tailwind 官方文档也有教怎么配合 mui 使用

[liuzhaowei55]

4 可以使用 base 库，自定义 css

[Angela2022]

@estk 请问: mui 的 styled 函数和 sx 属性都可以用 tailwind 在行内写代替吗, mui 的默认属性(如按钮的内边距)可以用 tailwind 行内 CSS 覆盖吗

[wbwm]

试试 https://flowbite.com

[yuezk]

HyperUI: https://www.hyperui.dev/

[jisuowei]

blueprintjs

[estk]

@Angela2022 #4
这种我就直接用 styled 和 sx 了。tailwind 我主要用来更改 margin, padding, flex, font 等，比 css 简洁。因为离不开 mui ，又不像写复杂 css

[gzyguy]

https://daisyui.com/

[gzyguy]

发现楼主已经贴了😓

[ragnaroks]

原子类和封装组件本身就是天然冲突，除非组件刻意将 className 传递到内部元素。

一般而言，使用 tailwindcss 不会考虑再加个组件库，纯手撸。

[mkfoy]

https://www.material-tailwind.com/

[mkfoy]

https://kimia-ui.vercel.app/components/accordion

[haya]

https://tailwind-elements.com/

[pengtikui]

https://www.radix-ui.com/

[qinrui]

mdbootstrap

[liutao1998]

我用了 DaisiUI, 纯 css 用起来有点麻烦，每个组件包装了下，比较喜欢他的风格 , https://r.xjq.icu

[stimw]

我买了 tailwindui ，价格忘了，貌似人民币 700 多

[stimw]

https://github.com/react-component

antd 有个无 ui 的组件库

[ysc3839]

@stimw 请问是如何购买的？为什么这么便宜？官网价格是 299 美元