mdui2.0 is a front-end component library that uses Web Components to implement Material You design specifications.
Features:
- Implemented using Web Components : using mdui is as simple as using tags and is compatible with all js frameworks
<div>
- Material You design specifications : Fully comply with Material Design 3 (Material You) design specifications
- Dynamic color matching : supports automatically generating a complete set of color schemes based on given color values or given pictures
- Dark mode : supports dark mode and automatically switches between light and dark modes according to operating system settings
- IDE support : Provides code auto-completion and hover prompt functions specifically for VSCode and WebStorm
- Lightweight : only 85KB after minify+gzip all CSS and JS
- TypeScript : All components are developed using TypeScript, including type declaration files, and type hints can be obtained during development.
- Material Icons : Provides icon library components, which can import each icon on demand
Source code and documentation:
- Code cloud warehouse: https://gitee.com/zdhxiong/mdui
- Github repository: https://github.com/zdhxiong/mdui
- Official website: https://www.mdui.org/
- Documentation: https://www.mdui.org/docs/2/