Apple iOS Dynamic Island — Fluid Spring Long-Press Expanded Card
Dynamic Island / Pill Morphing UI · mobile app · via Mobbin
Source: pending · Classification: pending
- Steal · motion/interactionNotes by Will
Long-pressing the compact pill morphs the container from height: 36pt; border-radius: 18pt to height: 168pt; border-radius: 44pt using a critically damped spring (damping: 0.82, response: 0.38s) while keeping the leading icon pinned to its top-left origin.
- Steal · component patternNotes by Will
Limit expanded island actions to at most two 44pt pill buttons in the bottom row so thumb taps never accidentally trigger the underlying status bar.
Fonts: SF Pro Display, SF Mono · Original: Apple Human Interface Team
private-reference-only
View original ↗Source & usage rights
Original: Apple Human Interface Team. Source verification: pending review.
Recorded rights label: private-reference-only. Original work and reproduction rights belong to their owners. A note license does not grant rights to copy a screenshot, trademark or design.
Trova notes: apply the principles in your own work, including commercial projects. Bulk republication or resale is not permitted. Usage terms.
Captured: 2026-06-11. Capture does not establish source verification.