랭킹으로 돌아가기
Material Design 3(Material You) UI components using Web Components.
cssjavascriptmaterialmaterial-designmaterial-design-3material-youweb-components
주요 지표
스타 성장
스타
4.5k
포크
375
주간 성장
—
이슈
31
4.5k4.5k4.5k
7월 18일7월 19일7월 19일7월 20일7월 20일7월 21일7월 22일
아티팩트npm
npm install mduiREADME
mdui
A Material Design 3 (Material You) library of Web Components.
https://www.mdui.org
I am developing mdui v3 based on the M3 Expressive specification. You can follow the mdui v3 development progress here. During this period, mdui v2 will continue to be updated for bug fixes and new features.
- 🧩 Works with all frameworks
- 🚛 Works with CDNs
- 🏙️ Material 3 design system
- 🌛 Includes dark theme and dynamic color
- 🆚 Optimized for WebStorm and VSCode
- 😸 Open source
Docs
Installation
npm install mdui --save
Usage
Import CSS and JS:
import 'mdui/mdui.css';
import 'mdui';
Use the component:
<mdui-button>Button</mdui-button>
Using CDN
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" href="https://unpkg.com/mdui@2/mdui.css" />
<script src="https://unpkg.com/mdui@2/mdui.global.js"></script>
</head>
<body>
<mdui-button>Hello, world!</mdui-button>
</body>
</html>
License
관련 저장소