https://github.com/zdhxiong/mdui

Material Design 3(Material You) UI components using Web Components.
https://github.com/zdhxiong/mdui

css javascript material material-design material-design-3 material-you web-components

Last synced: 5 days ago
JSON representation

Material Design 3(Material You) UI components using Web Components.

• Host: GitHub
• URL: https://github.com/zdhxiong/mdui
• Owner: zdhxiong
• Created: 2016-07-11T17:39:02.000Z (over 8 years ago)
• Default Branch: v2
• Last Pushed: 2024-12-02T06:06:29.000Z (20 days ago)
• Last Synced: 2024-12-09T22:51:00.109Z (12 days ago)
• Topics: css, javascript, material, material-design, material-design-3, material-you, web-components
• Language: TypeScript
• Homepage: https://www.mdui.org
• Size: 9.78 MB
• Stars: 4,193
• Watchers: 112
• Forks: 366
• Open Issues: 9
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome - zdhxiong/mdui - Material Design 3(Material You) UI components using Web Components. (TypeScript)

README

        


  

    

  



mdui




  A Material Design 3 (Material You) library of Web Components.

  


  https://www.mdui.org

  


  


  

    

  

  

    

  

  

    

  

  

    

  

  

    

  





* 🧩 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

* [English](https://www.mdui.org/en/docs/2/)

* [简体中文](https://www.mdui.org/zh-cn/docs/2/)

## Installation

```sh

npm install mdui --save

```

## Usage

Import CSS and JS:

```js

import 'mdui/mdui.css';

import 'mdui';

```

Use the component:

```html

Button

```

## Using CDN

```html

  

    

    

    

  

  

    Hello, world!

  

```

## License

[MIT](https://github.com/zdhxiong/mdui/blob/v2/packages/mdui/LICENSE)