MetisUI-一套企业级 React-Tailwind 组件库 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Minimx
V2EX    前端开发

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

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

    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  
       163 天前
    我的 prompt 第一句,不要是要 ant 相关的组建库。哈哈
    lawted
        2
    lawted  
       163 天前
    很有意思的想法,赞
    zogwosh
        3
    zogwosh  
       163 天前
    用 css 变量引用 antd 的 css 变量,然后插入到 tailwindcss 不行吗
    Minimx
        4
    Minimx  
    OP
       163 天前
    @zogwosh antd 当然可以结合 tailwindcss 直接使用,但还是会有一些不方便的地方,比如你在使用时想覆盖组件的部分元素的样式,你可能只能用 css 的方式 reset 。但我觉得理想的方式是能直接通过 tailwindcss class 来重写。
    19cm
        5
    19cm  
       163 天前
    可以来套 vue 版本的
    xiaoxiaoming01
        6
    xiaoxiaoming01  
       163 天前
    按钮点击没有反馈
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     3508 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 24ms UTC 10:29 PVG 18:29 LAX 03:29 JFK 06:29
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86