compose-preview Material 3 Design Kit

Catalogs Status GitHub

Settings

Page theme Match the preview theme Follow my system

Selecting a Light or Dark preview theme paints this page to match. Turn it off to keep the page on your operating system's setting.

Keyboard Power-user navigation

Jump between components, variants, modes, and overrides with shortcuts and an on-screen command palette.

Color/Role grid

color-role-grid__ideal__light-high-contrast__medium 7 views

Revision 2026-08-15 10:04 UTC 8ca7d433 pinned

Pinned to catalog revision 90e5fda9, published 2026-08-15 10:04 UTC — these pixels cannot change. view current

Color/Role grid

Size

Size mode

Locale & text

Locale Font scale: default

Pre-rendered snapshot — overrides (size, locale, font scale) need the live server, not a published catalog. Enable a local preview server.

Export PNG Download