MetisUI-一套企业级 React-Tailwind 组件库

[Minimx]

Metis UI 的目标是为那些喜欢 Ant Design 的开发者提供一个更灵活的选择，特别是希望结合 Tailwind CSS 的开发者。我们在保留 Ant Design 组件设计逻辑的基础上，提供了以下改进：

• 样式覆盖更灵活基于 Tailwind CSS 的样式体系，开发者可以方便地对组件的各个元素进行样式覆盖，无需编写复杂的自定义样式，快速实现个性化设计。
• 增强的交互功能内置了一些常用的交互功能，例如远程数据请求、值类型格式化、值类型枚举等，减少开发者在这些场景下的重复工作。
• 轻量化与现代化通过 Tailwind CSS 和 TypeScript 的结合，提供更现代化的开发体验，同时保持组件的高可定制性和一致性。

Metis UI 是为那些希望在 Ant Design 的设计逻辑基础上，享受 Tailwind CSS 灵活性的开发者量身定制的解决方案。

立即体验(github 部署，可能需要梯子)

源码

---

✨ 特性

• 🌈 参考 Ant Design 的组件设计，拥有丰富的组件支持。
• 🎨 基于 Tailwind CSS 的样式，可以快速覆盖默认样式。
• 🛡 使用 TypeScript 开发，提供完整的类型定义文件。
• ⚙️ 深入每个细节的主题样式定制能力。

兼容环境

Chrome 111+	Safari 16.4+	Firefox 128+

版本

[xinzhanghello]

我的 prompt 第一句，不要是要 ant 相关的组建库。哈哈

[lawted]

很有意思的想法，赞

[zogwosh]

用 css 变量引用 antd 的 css 变量，然后插入到 tailwindcss 不行吗

[Minimx]

@zogwosh antd 当然可以结合 tailwindcss 直接使用，但还是会有一些不方便的地方，比如你在使用时想覆盖组件的部分元素的样式，你可能只能用 css 的方式 reset 。但我觉得理想的方式是能直接通过 tailwindcss class 来重写。

[19cm]

可以来套 vue 版本的

[xiaoxiaoming01]

按钮点击没有反馈😂