Adaptive by default
This card keeps 16px gutters on a phone and splits into media plus content columns once there is room for it.
Continue Dismiss
Material 3 Expressive · Svelte 5
M3Nerd
Material 3 Expressive for Svelte — fast, adaptive, opinionated.
Expressive motion
Official spring beziers and durations as CSS tokens. Spatial effects may overshoot; color and opacity stay critically damped.
Five breakpoints
Compact to xlarge — phone, tablet, notebook, desktop, and TV layouts from one set of tokens.
Zero-runtime tokens
CSS custom properties and light-dark(). No JavaScript in the critical path, no theme flash.
Useful components only
A focused set: buttons, cards, forms, overlays, navigation, feedback. No widgets you will delete.
One card, three widths
The same sample card rendered at 375, 768, and 1280 CSS pixels, scaled down. Layouts respond with container queries and the shared breakpoint tokens.
Adaptive by default
This card keeps 16px gutters on a phone and splits into media plus content columns once there is room for it.
Continue Dismiss
Adaptive by default
This card keeps 16px gutters on a phone and splits into media plus content columns once there is room for it.
Continue Dismiss