127 Star 618 Fork 108

GVPzdhxiong / mdui

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

mdui

GitHub version npm version CDNJS

官网 | 文档

使用 Web Components 实现,遵循 Material You 设计规范的 Web 前端组件库。

  • Web Components:mdui 组件全部使用 Web Components 开发,使用组件就像使用 <div> 标签一样简单。
  • Material You:遵循最新的 Material Design 3(Material You)设计规范,使你的产品美观、易用。
  • 动态配色:支持根据给定颜色值,或给定一张图片,mdui 能自动计算出颜色值,生成整套配色方案,并在所有 mdui 组件中生效。
  • 暗色模式:所有组件都支持暗色模式、及支持根据操作系统设置自动切换亮色模式和暗色模式。
  • 轻量级:gzip 后的 CSS + JavaScript 仅 85KB,使用按需导入可进一步减小体积,使加载更迅速。
  • IDE 支持:在 VSCode 和 WebStorm 中能获得完美的代码提示。且提供了 VSCode 扩展和 WebStorm 插件,使开发更便捷。
  • 兼容所有框架:mdui 能兼容 Vue、React、Angular 等框架,只要在浏览器上运行的应用,都能使用 mdui。
  • TypeScript 支持:mdui 完全使用 TypeScript 开发,拥有完美的类型提示。
  • 无依赖:不需要依赖任何第三方库,节约网络流量,使加载更迅速。
  • 组件丰富:mdui 包含 30 多个组件,及十余个工具函数,常用组件都有。
  • Material Icons 图标库:提供了超过 1 万个图标组件,可按需导入所需图标。
  • 低学习成本:只需懂一点 HTML、CSS、JavaScript 的基础知识,就能使用 mdui。

安装

npm install mdui --save

导入 CSS 及 JS 文件

import 'mdui/mdui.css';
import 'mdui';

使用组件

<mdui-button>Button</mdui-button>

赞助

赞助以帮助 mdui 持续更新

通过支付宝赞助 通过微信赞助 通过 Paypal 赞助

空文件

简介

mdui 是使用 Web Components 实现 Material You 设计规范的前端组件库。 该仓库同步自 Github,若要提交 pr,请前往 https://github.com/zdhxiong/mdui 展开 收起
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
CSS
1
https://gitee.com/zdhxiong/mdui.git
git@gitee.com:zdhxiong/mdui.git
zdhxiong
mdui
mdui
v2

搜索帮助

14c37bed 8189591 565d56ea 8189591