mdui 2.0 发布,用 Web Components 实现 Material You 规范的前端框架


【源创会预告】1024 程序员节(的前两天),相约开源PHP办公室,我们一起聊 AI!>>>

mdui2.0 是使用 Web Components 实现 Material You 设计规范的前端组件库。

功能特性:

  1. 使用 Web Components 实现:使用 mdui 就像使用 <div> 标签一样简单,且兼容所有 js 框架
  2. Material You 设计规范:完全遵循 Material Design 3 ( Material You )设计规范
  3. 动态配色:支持根据给定的颜色值,或给定的图片,自动生成整套配色方案
  4. 暗色模式:支持暗色模式,及根据操作系统设置自动切换亮色、暗色模式
  5. IDE 支持:专门为 VSCode 和 WebStorm 提供了代码自动完成和悬停提示功能
  6. 轻量级:所有 CSS 和 JS minify+gzip 后仅 85KB
  7. TypeScript:组件全部使用 TypeScript 开发,包含类型声明文件,开发时可获得类型提示
  8. Material Icons:提供了图标库组件,可按需导入每一个图标

源码与文档:

  • 码云仓库:https://gitee.com/zdhxiong/mdui
  • Github 仓库:https://github.com/zdhxiong/mdui
  • 官网:https://www.mdui.org/
  • 文档:https://www.mdui.org/docs/2/

相關推薦

2022-07-06

Material UI 是一组实现 Google Material Design 规范的 React 组件,它是一个前端 JS 框架,主要用在 web 端。  Material UI 5.8.7 现已发布,具体更新内容如下: @mui/[email protected] [Autocomplete] 在 useAutocomplete 中加入缺失的属性 (#33269) 

2023-01-03

Material UI 是一组实现 Google Material Design 规范的 React 组件,它是一个前端 JS 框架,主要用在 web 端。  Material UI 5.11.3 现已发布,具体更新内容如下: @mui/[email protected] [Select] 更新renderValueprop 的 TypeScript 类型 ( #341

2022-08-31

Material UI 是一组实现 Google Material Design 规范的 React 组件,它是一个前端 JS 框架,主要用在 web 端。  Material UI 5.10.3现已发布,具体更新内容如下: @mui/[email protected] [Autocomplete][material] 修复使用 disableClearable时值溢

2023-06-14

Material UI 是一组实现 Google Material Design 规范的 React 组件,它是一个前端 JS 框架,主要用在 web 端。  Material UI 5.13.5 现已发布,具体更新内容如下: Highlights 在 Joy UI 中添加了ButtonGroup组件 ( #37407 ) 错误修

2021-12-17

outer、Vuex Blazor: Cli:dotnet cliRouter:Microsoft.AspNetCore.Components.Routing.RouterVuex:Blazor状态管理,区别在于WASM状态保存在浏览器内存中,而Server保存在服务器内存中。而且Blazor状态管理更强大的是借助.Net的能力,原生支持持久

2022-11-16

器的配色方案。听起来,这是一个类似于 Android 手机上 Material You 的功能,它可以根据主屏幕壁纸中所使用的颜色动态地将操作系统也调整成类似的色彩方案。 这个功能首先是由 Reddit 上的 u/Leopeva64-2 所发现的,展示了只需改

2022-12-13

二、跨框架组件库​ 借助于 stencil,Taro 3 得以通过 Web Components 实现一套跨框架组件库,不过由于其 2.14+ 版本会使用一些 webpack4 不兼容的语法特性,在 3.6-canary 之前的组件库将 stencil 版本限制在 2.13+ 版本内,在 3.6-canary 版本

2023-02-03

二、跨框架组件库​ 借助于 stencil,Taro 3 得以通过 Web Components 实现一套跨框架组件库,通过适配器将 Taro 的组件库提供给各个前端 UI 框架使用,开发者也可以基于这些封装上层组件,提供更多有趣的能力。 1. Web 端适配器​

2022-11-19

件发布到稳定版 我们很高兴地宣布,基于 Material Design Components for Web(MDC)的 Angular material 组件的重构工作已经完成。这一变化使 Angular 更加接近 Material Design 规范。 对于许多组件,Angular 更新了样式和 DOM 结构,而其他组件则

2022-11-28

gular 开发团队努力基于 Web 应用程序的 Angular Material Design Components 重构其组件。此外,这些组件得到了增强,以提供更好的可访问性和对 Angular Material Design 规范的遵守。 在这里,大部分重构工作已经在 DOM 和 CSS 部分完成。随着

2022-07-15

先知 / Furion (探索版) 一个应用程序框架,您可以将它集成到任何 .NET/C# 应用程序中。 An application framework that you can integrate into any .NET/C# application. 安装 / Installation Package Manager Install-Package Furion .NET CLI dotnet a

2022-08-16

开发人员生产力和工具 主题应用图标 Android 13 将 Material You 动态颜色扩展到所有应用图标,用户可以选择继承其壁纸色调和其他主题偏好的图标。因此,开发应用程序的时候只需提供一个单色应用程序图标,和对自适应图

2022-03-14

不断更新,还会实时显示各大浏览器的工程师修复错误、实现新功能和改进测试的进展,以及在每个标准的工程进度: 题外话 而 Apple 网络开发布道者 Jen Simmons 在 中说:“Apple 非常关心 Web 的健康,以及 Web 标准的可互操作

2022-05-12

同类最佳的开发选项。Flutter 3 还包含了一些性能改进、Material You 支持和生产力更新。 “在这个版本中,Flutter 完全原生于 Apple 芯片上进行开发。虽然 Flutter 自发布以来一直与基于 M1 的 Apple 设备兼容,但 Flutter 现在充分利用