zdhxiong/mdui

zdhxiong/mdui has 4,544 GitHub stars and 373 forks. GitHot measured +1 stars in 24 hours and +3 in 7 days. Last checked 2026-11-12 22:06 UTC. Last push 2026-07-21.

How these counts are measured

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

4,544 stars 373 forks +1 in 24h

Measured star growth

in 24h: +1
in 7 days: +3
in 15 days: Collecting history
in 1 month: Collecting history

Net star changes over overlapping periods, not daily totals. Missing measurements are left blank. Stars measure attention, not software quality.

README.md

Original

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

MIT

Explore related projects

freeCodeCamp/freeCodeCamp

freeCodeCamp.org's open-source codebase and curriculum. Learn math, programming, and computer science for free.

459,064 stars

donnemartin/system-design-primer

Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.

377,727 stars

react/react

The library for web and native user interfaces.

252,562 stars

vuejs/vue

This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core

212,526 stars