md3-react - Material Design 3 for React

Material Design 3

Built from the ground up following the latest Material Design 3 specifications with full support for dynamic color theming.

TypeScript First

Written in TypeScript with comprehensive type definitions for excellent developer experience and IDE support.

SSR Compatible

Designed for server-side rendering with Next.js and other React frameworks using Vanilla Extract for zero-runtime CSS.

Accessible

WCAG 2.1 AA compliant with proper ARIA attributes, keyboard navigation, and screen reader support.

Tree Shakeable

Import only what you need. Each component is individually exportable for optimal bundle sizes.

Customizable

Fully customizable theme system with CSS variables. Override design tokens to match your brand.

Quick Start

npm install @md3-react/core @md3-react/theme

import { ThemeProvider } from '@md3-react/theme';
import { Button } from '@md3-react/core';

function App() {
  return (
    <ThemeProvider>
      <Button variant="filled">Hello MD3</Button>
    </ThemeProvider>
  );
}