Alpha
Material 3 Design for Web is currently in active development. Components are live in preview.
M3
Material 3
Design
1. The Morph Test (ResizeObserver)
Click to change state. Watch the button width animate smoothly instead of snapping.
Submit Order
2. Variants (Stateless Server Components)
Filled
Elevated
Tonal
Outlined
Text
3. Shapes & Scaled Sizes
Round XS
Round SM
Round MD
Round LG
Square XS
Square SM
Square MD
Square LG
4. M3 Toggle States
Subscribe
Enable Filter
5. Radix Slot (asChild)
Go to shadcn