Morphing Bottom Sheet

iOS 26-like adaptive sheet: floating card, edge-to-edge, fullscreen — with spring-based morphing.

Default Morphing

Standard iOS 26-like morphing with balanced spring.

Minimal Insets

Subtle floating effect with small insets (8px).

Large Insets

Pronounced floating card with 24px insets and 32px radius.

Heavy Spring

Heavier feel: more mass, lower stiffness, more damping.

Snappy Spring

High stiffness, low damping — fast and bouncy.

Long Content

Scrollable content that works across all three states.

Short Content

Minimal content showing compact-to-expanded morph.

List / Menu

Action sheet style with morphing.

Form

Form inputs inside morphing sheet.

Non-Blocking

Non-blocking morphing sheet with shadow.

Cover: Photo

Full-bleed background image behind content.

Cover: Gradient

Decorative gradient background with cover slot.

Interactive Playground

Morphing

Spring Physics

Adjust sliders, then open to see the effect