Skip to content

zdhxiong/mdui

Folders and files

NameName
Last commit message
Last commit date
Apr 7, 2024
Oct 14, 2023
Apr 6, 2024
Jan 5, 2025
Jan 18, 2025
Feb 27, 2025
Dec 8, 2021
Dec 8, 2021
May 31, 2023
Jul 15, 2024
Jun 26, 2023
Oct 21, 2023
Oct 21, 2023
Mar 12, 2024
Jul 15, 2024
Oct 19, 2024
Oct 14, 2023
Jul 15, 2024

Repository files navigation

mdui logo

mdui

A Material Design 3 (Material You) library of Web Components.
https://www.mdui.org

npm version CSS gzip size JS gzip size downloads license


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

MIT

Contributors 10