mdui is a Material Design 3 UI component library built with Web Components.
The library addresses the need for modern, standards-based UI components that implement Google's Material Design 3 specification. It provides a collection of reusable Web Components that work across any JavaScript framework or vanilla JavaScript projects. The approach leverages Web Components as the underlying technology, enabling framework-agnostic integration while maintaining Material Design 3 aesthetics and behavior.
Developers should choose mdui if they want Material Design 3 components without framework lock-in, since Web Components work in any environment. The library suits projects ranging from simple websites to complex applications, and it can be consumed via npm or directly from CDNs. The tool includes built-in support for dark theme and dynamic color, reducing the need for custom theming logic. It is optimized for developer experience in WebStorm and VSCode with enhanced tooling support.
The project maintains active development on both a stable branch and a next-generation version based on the Material Design 3 Expressive specification, with the current stable version continuing to receive bug fixes and new features alongside the newer iteration.
