頁面特效 UI組件庫 菜單導航 窗口特效 幻燈片滑動 圖像相冊 表單 選項卡 表格 評分星級 手風琴 文本鏈接 布局 日歷 顏色選擇器 按鈕 圖表 html5 提示 ExtJS 在線客服 其他特效 地圖 樹形控件 移動開發 BootStrap 滑動條 文件上傳 表單驗證 分頁 播放器 Angular VUE

基于 Material Design 的前端框架MDUI

UI組件庫 移動開發 HTML我幫您 1年前  次瀏覽

MDUI 是一套用于開發 Material Design 網頁的前端框架,多主題,輕量級,響應式,無依賴,高性能,模塊化,本地化,組件豐富,低學習成本。

基于 Material Design 的前端框架MDUI

多主題
19 種主色、16 種強調色、1 種夜間主題,只需添加一個 CSS 類即可切換。

輕量級
CSS 僅 26.7KB,JavaScript 僅 14KB,加載更迅速。

響應式
移動優先,從小屏逐步擴展到大屏,最終實現所有屏幕適配。

無依賴
不依賴任何第三方庫,節約網絡流量,使加載更迅速,提高用戶體驗。

高性能
使用 CSS3 來做動畫交互,平滑、高效,讓 Web 應用的動畫更流暢。

模塊化
提供自定義打包功能,按需打包需要的主題和組件,使文件體積驟然減小。

本地化
相比國外框架,MDUI 更注重中文排版,提供全中文文檔,中文社區。

組件豐富
MDUI 包含了 20 余個組件,且每個組件都可以適應不同主題。

低學習成本
只需懂一點 HTML、CSS、JS 的基礎知識,就能使用 MDUI。

特性

輕量級

  • CSS 文件僅 26.7KB minified + gzip
  • JavaScript 文件僅 14KB minified + gzip

多主題

CSS 文件中已經包含了 19種主色主題16種強調色主題1種夜間主題,只需添加一個 CSS 類,即可實現主題的切換。

響應式

移動優先,可適配所有屏幕。

無依賴

MDUI 使用純 JavaScript 編寫,沒有任何依賴。

獲取 MDUI

可以通過下列方式獲取 MDUI:

目錄結構

在壓縮包中存在下面的目錄和文件:

mdui/
├── css/
│   ├── mdui.css
│   └── mdui.min.css
├── js/
│   ├── mdui.js
│   └── mdui.min.js
├── fonts/
│   └── roboto/
│       └── ...
└── icons/
    └── material-icons/
        └── ... 

兼容性

MDUI 在下列瀏覽器中經過測試

  • IE 10+
  • 最新版的 Firefox、Chrome、Safari、Edge

相關鏈接

發表評論

经典黑杰克游戏