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

140 天前
 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+

版本

1812 次点击
所在节点    前端开发
6 条回复
xinzhanghello
140 天前
我的 prompt 第一句,不要是要 ant 相关的组建库。哈哈
lawted
140 天前
很有意思的想法,赞
zogwosh
140 天前
用 css 变量引用 antd 的 css 变量,然后插入到 tailwindcss 不行吗
Minimx
140 天前
@zogwosh antd 当然可以结合 tailwindcss 直接使用,但还是会有一些不方便的地方,比如你在使用时想覆盖组件的部分元素的样式,你可能只能用 css 的方式 reset 。但我觉得理想的方式是能直接通过 tailwindcss class 来重写。
tianzi123
140 天前
可以来套 vue 版本的
xiaoxiaoming01
140 天前
按钮点击没有反馈😂

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://ex.noerr.eu.org/t/1129044

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX