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