Material Plus
A React library that follows the Material Design 3 specification directly and adds the components other Material libraries leave out. It reads the tokens a page already has, so it can sit beside an existing Material setup.
About this project
Material Plus is a React component library that implements Material Design 3 directly rather than wrapping an existing implementation of it, so its colour roles, type scale and shapes are the ones the specification names. What it adds is the pile of components a Material project ends up writing anyway — the field that handles IME composition properly, the icon wrapper that agrees with your own set — extracted, documented and tested.
It is themed in one line: set a source colour and every colour role follows, the way Material generates a scheme. Nothing in the library is page-level — no reset, no provider, no global styling — and it reads the Material system tokens a page already carries, so a project already running Material keeps its setup and gains the missing components. Korean, Japanese and Chinese composition survives whatever the change handler does with the value, which is the bug most Material fields quietly carry.
The package is ESM only with TypeScript declarations, tree-shakeable for real — one component is a few kilobytes against sixty-four for all ninety-four — and the stylesheet splits the same way. It works inside a Next.js server component with nothing configured, resolves in every major bundler, and takes translations as a module handed over once at startup.
Features
Documentation site
TypeScript types
Multiple languages
Verified by tests
Accessibility built in
Dark mode
Tree-shakeable