zdhxiong/mdui

Health v2 · maintenance only

Flags: no_license

Adoption not part of the score

4521 stars · 376 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

mdui is a Material Design 3 (Material You) UI component library built entirely with Web Components in TypeScript. It provides 30+ framework-agnostic components with dynamic color, dark mode, and Material Icons support, usable via npm or CDN.

Use cases

• build a web app with Material Design 3 components
• add Material You dynamic color theming to a website
• use UI components that work with React, Vue, or Angular
• create a responsive mobile-first frontend without a heavy framework
• add dark mode support to a web application
• quickly prototype pages with Material Design buttons, dialogs, and cards

When to choose

• you want Material Design 3/Material You styling with Web Components
• you need framework-agnostic components that work in any web project
• you want dynamic color schemes and automatic dark mode
• you prefer a lightweight, zero-dependency component library

When to avoid

• you need a design system other than Material Design
• you require components with deep framework-specific integrations like React state binding
• you need a license file in the repository root (license is only in the npm package)
• your project targets environments without Web Components support

Facets

library · maturity active

ui-components css-framework frontend-framework theme web-development frontend web-design browser cross-platform material-design-3 material-you web-components dark-mode dynamic-color typescript zero-dependencies nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="zdhxiong/mdui")