compose-preview Material 3 Design Kit

Catalog / Dev mode

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.

Shape Puffy

shape-puffy__ideal__default__dark 6 views

current

Shape Puffy

Size

Size mode

Exploded 3D

Lean 28° Spin -16° Separation 0 Layers 6

One sheet per visible drawing level. Structural-only composables are kept in the next sheet's breadcrumb. Rides the SVG link and download.

Locale & text

Locale Font scale: default

Overlays

Inspect

Accessibility

Overlays (Live Compose)

Show touches

Overrides

Declared overrides — edit a value to re-render.

rounding smoothing innerRadius count

download executable bundle

Export PNG Download SVG Download