for-the-zero/fork--m3e ↗

About for-the-zero/fork--m3e

M3E (Material 3 Expressive) is a monorepo containing Web Components built according to Google's Material Design 3 guidelines. It provides a comprehensive suite of customizable, accessible UI components designed for modern web applications, with support for Material 3's design tokens, dynamic color systems, shape, and motion capabilities. The project emphasizes performance optimization, security-conscious patterns including XSS-safe templating and Content Security Policy compatibility, and tree-shaking support for minimal bundle sizes.

The monorepo is organized into three main packages: @m3e/web provides the core platform-native Web Components, @m3e/react offers React bindings for those components, and @m3e/icons supplies accompanying icon assets. Developers can use these packages individually based on their framework needs, whether working with vanilla web components or React applications. The project uses an ESM-first architecture with modular entry points to optimize delivery.

The repository includes a robust development workflow with npm scripts for building, linting, and analyzing packages through custom elements manifest generation. A notable feature is automatic preview builds for both pull requests and individual commits using pkg.pr.new, allowing contributors and reviewers to test changes without cloning the repository. The project welcomes community contributions and maintains a detailed roadmap documenting current development, planned components, and past milestones. Testing is performed with BrowserStack to ensure cross-browser compatibility.