V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Minimx
V2EX  ›  前端开发

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

  •  2
     
  •   Minimx · 69 天前 · 1465 次点击
    这是一个创建于 69 天前的主题,其中的信息可能已经有所发展或是发生改变。

    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 Safari Firefox
    Chrome 111+ Safari 16.4+ Firefox 128+

    版本

    NPM version

    6 条回复    2025-04-30 13:54:53 +08:00
    xinzhanghello
        1
    xinzhanghello  
       69 天前
    我的 prompt 第一句,不要是要 ant 相关的组建库。哈哈
    lawted
        2
    lawted  
       69 天前
    很有意思的想法,赞
    zogwosh
        3
    zogwosh  
       69 天前
    用 css 变量引用 antd 的 css 变量,然后插入到 tailwindcss 不行吗
    Minimx
        4
    Minimx  
    OP
       69 天前
    @zogwosh antd 当然可以结合 tailwindcss 直接使用,但还是会有一些不方便的地方,比如你在使用时想覆盖组件的部分元素的样式,你可能只能用 css 的方式 reset 。但我觉得理想的方式是能直接通过 tailwindcss class 来重写。
    tianzi123
        5
    tianzi123  
       69 天前
    可以来套 vue 版本的
    xiaoxiaoming01
        6
    xiaoxiaoming01  
       69 天前
    按钮点击没有反馈😂
    关于   ·   帮助文档   ·   自助推广系统   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   934 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 20:47 · PVG 04:47 · LAX 13:47 · JFK 16:47
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.