I built a React library for Material 3 “Expressive” (with motion) — demos + docs

Hey DEV — I’m publishing a small React component library that aims to bring the Material 3 “Expressive” visual language to React apps today.

The core idea: use Google’s Material Web components under the hood, but expose ergonomic, typed React components and add the extra styling + motion needed to better match the Expressive direction and Android-like component animations.

Links

• Github project
• Storybook for interactive demos
• API docs of all components

What you get

• React-friendly wrappers around Material Web components (props/events that feel like React)
• Bundle-friendly import paths
• Docs-first workflow (Storybook + API docs)
• Extras beyond the base web components (for example, React-first date/time pickers)

Notes

• This is not affiliated with Google.
• Since these are wrappers over Custom Elements, SSR frameworks generally need a client-only boundary for rendering/registration.

Why I’m posting
If you’ve tried to adopt Material 3 Expressive in a React codebase and hit friction around Custom Elements integration, event wiring, typing, or docs, I’d love feedback on the API surface and any gaps you’d want filled next. Please leave a star on the Github if you like my project and raise issues for any bugs.