Overview

Welcome to M3E, a modern, from-scratch implementation of Material Design 3, built entirely with Web Components. It provides a complete, spec-aligned component suite with dynamic color, expressive motion, and full accessibility.

Expressive Components

Leverages Material 3's design tokens, dynamic color, shape and motion systems for highly customizable UI elements.

Unified Architecture

ESM-first with modular entry points and tree-shaking for minimal bundles.

Accessibility First

Built-in support for accessibility standards, ensuring inclusive experiences for all users.

Theming & Personalization

Effortlessly adapt components to your brand or user preferences with Material 3's advanced theming capabilities.

Performance Optimized

Lightweight, fast-loading components designed for modern web platforms.

Security Conscious

Built with secure-by-default patterns, including XSS-safe templating, Trusted Types compatibility, and support for strong Content Security Policies (CSP).