THE MTRL COMPONENT LIBRARY

Material Design.
Made for the web.

Expressive components. Your framework.
A little TypeScript, a lot of possibility.

Explore components Read the docs
bun add mtrl
npm install mtrl
pnpm add mtrl
yarn add mtrl
Material Design 3Zero runtime dependenciesOpen source
01 / EXPLORE

Find the right expression.

Try variants, sizes, and shapes in a live component playground.

02 / CUSTOMIZE

Make it feel like you.

Switch Material themes and light or dark mode. See every change as you make it.

03 / BUILD

Take it from here.

Copy your configuration and bring the component to your project. No framework required.