Web Components
Built entirely on Web Components, as easy to use as native tags like <div>.
MDUIDevelopment
Design
Material Design UI
Material Design 3 (Material You) component library built with Web Components
Dynamic Color
Generate full color schemes from colors or wallpapers, automatically applied to all components.
Dark Mode
Native support for dark mode, automatically switching with operating system settings.
Material You
Follows Material Design 3 (Material You) to help build beautiful and intuitive modern products.
Lightweight
85KB Gzip (CSS+JS), supports on-demand importation to further reduce bundle size.
IDE Support
Excellent code hints in VS Code and WebStorm via official plugins for a better workflow.
Framework Compatibility
Works seamlessly with Vue, React, Angular, and other frameworks for any web application.
TypeScript Support
Written entirely in TypeScript with first-class type definitions.
Zero Dependencies
No third-party dependencies. Faster load times and lower overhead, improving performance.
Rich Components
30+ high-quality components and dozens of utilities covering common UI development needs.
Material Icons
On-demand importation of over 10,000 icons complying with the Material Design spec.
Easy to Learn
Quick start for anyone with a basic knowledge of HTML, CSS, and JavaScript.
