🏙️ Material 3 design system 🌛 Includes dark theme and dynamic color 🆚 Optimized for WebStorm and VSCode 😸 Open source Docs English 简体中文 Installation npm install mdui --save Usage Import CSS and JS: import 'mdui/mdui.css'; import 'mdui'; Use the component: <mdui-button>But...
用法就和使用普通 标签一样。也是最符合Material Design 3规范的。
Web Components:mdui 组件全部使用 Web Components 开发,使用组件就像使用标签一样简单。 Material You:遵循最新的 Material Design 3(Material You)设计规范,使你的产品美观、易用。 动态配色:支持根据给定颜色值,或给定一张图片,mdui 能自动计算出颜色值,生成整套配色方案,并在所有 mdui 组件中生效。 暗色模式...
https://material-components.github.io/material-web 说明 本代码库是参考源码: https://github.com/material-components/material-web/tree/master/demos 将Material Design Web Components 的 demos 改写为使用 Vite + JavaScript + Vue 3 ,可以支持使用 Tauri 打包为桌面端程序 相关命令 启动网站 yarn install ...
Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box.
Introducing Material Design 3 Meet Material Design 3, Material Design’s most personal design system yet. The Material 3 Design Kit provides a comprehensive introduction to the design system, with styles and components to help you get started. Visualize
适用于 Android 和 Web的Material布局指南 Material design 3 introduction 布局术语 1: 列(column) 窗格中的一个或多个垂直内容块 2: 铰链(fold) 在可折叠设备上,屏幕的灵活区域,或者在双屏设备上,分隔两个显示屏的铰链 3: 外边距(margin) 屏幕边缘与其内部任何元素之间的空间 ...
2. MDC-Web 是目前实现 Material Design 2.0 的库. 没有计划支持 Material 3.0. Angular Material 依赖于它 (还是 experimental). 3. MWC 是目前实现 Material Design 3.0 的库. 还处于 beta 阶段, 预计今天可能会推出 1.0 版本. 4. Lit 是 Google Polymer 的项目, Polymer 一直都在推动 Web Component 技术...
自从google推出了material design设计规范,同时定义了material design的web设计规范,原项目为material design lite,不过当时推出的相对粗糙,现在Google已经停止对其更新了,而将material design的web设计规范转移到了新的项目上:material components web(简称MDC-web),自己写框架和模块的时候可以参照material design规范来设计。
就在底前不久,Google在 I/O 大会上发布了Material You,突出最新迭代的 Material Design 系统 Material Design 3 中最具表现力的个性化功能。除了支持动态颜...