M3 Components

M3 Components is an open-source component library that implements Material Design 3 and its update, M3 Expressive. It's comprehensive, production-ready, and supports your favorite UI library.

Monorepo Structure

This is a monorepo containing multiple packages:

• @m3-components/react - React implementation of M3 components
• @m3-components/solid - SolidJS implementation of M3 components

Getting Started

Installation

Install individual packages in your project:

# For React
npm install @m3-components/react

# For SolidJS
npm install @m3-components/solid

Development

To develop all packages:

pnpm install
pnpm dev

To build all packages:

pnpm build

Documentation

Visit m3.a2x.pub/docs/getting-started to view the full documentation, including design tokens, usage guidelines, and examples.

Contributing

Contributions are welcome! Please open an issue or submit a pull request on GitHub.

License

This project is licensed under the terms of the MIT license.