127 Star 618 Fork 108

GVPzdhxiong / mdui

Create your Gitee Account
Explore and code with more than 12 million developers,Free private repositories !:)
Sign up
This repository doesn't specify license. Please pay attention to the specific project description and its upstream code dependency when using it.
Clone or Download
contribute
Sync branch
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md

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 赞助

Empty file

About

mdui 是使用 Web Components 实现 Material You 设计规范的前端组件库。 该仓库同步自 Github,若要提交 pr,请前往 https://github.com/zdhxiong/mdui expand collapse
CSS and 4 more languages
Cancel

Releases

No release

Contributors

All

Activities

Load More
can not load any more
CSS
1
https://gitee.com/zdhxiong/mdui.git
git@gitee.com:zdhxiong/mdui.git
zdhxiong
mdui
mdui
v2

Search

F2647f8d 8189591 Bbdfb06e 8189591