The shell is a single rounded rect whose width, height, top inset and corner radius are Reanimated shared values, so every state, idle pill, listening orb, thinking loader and answer card, is the same object on a different spring rather than four views crossfading. Springs were fitted to 120fps screen recordings: the island to card morph travels in about 135ms and settles by 250ms, which is roughly a 0.55 damping ratio at 3.6Hz, and the measurements live in one metrics.ts file. Phase scheduling runs in a useFrameCallback on the UI runtime, so timers, the shader clock and the geometry never touch the JS thread; when nothing is animating the callback returns immediately and invalidates no canvas. The orb prism, the glass bevel and the six orbiting loader dots are Skia RuntimeEffect shaders driven by that same clock. Gesture.Pan drives an expand value directly while a second spring adds a small sideways swell, and release commits open. On iOS 26 the lens sits on expo-glass-effect and the shaders finish it optically; elsewhere it falls back to expo-blur, and useReducedMotion stops the breathing. Tested on Expo SDK 56 with React Native 0.85 and Reanimated 4.3 in a development build, Skia and glass rule out Expo Go.
A Dynamic Island expander: the pill morphs into a listening orb, then a spinner, then an answer card you drag down into a full-screen sheet. Reanimated shared values own every shape, Skia runtime shaders paint the light, and iOS 26 liquid glass is used when present. Drop it into an assistant, search or any app that answers from the island.
A sleep timer picker in the Dynamic Island: a horizontal ruler slider that scrubs 0 to 120 minutes with a heat glow that trails the pointer. The pill over the sensor cutout springs open into the full iOS sleep-timer island, with rubber-banded drag, decay, snap-to-minute and a live readout. Drop it into a music, podcast or sleep app that needs a timer picker.
A boarding pass ticket animation: the Dynamic Island morphs into a dot matrix printer, feeds the pass out line by line, then you peel the stub off. The sheet is an SVG path with the perforation notches cut out of its fill, and the peel is a true crease reflection driven by a pan gesture. Drop it into ticketing, event check in, or order confirmation flows.
A Dynamic Island animation that morphs the pill into a card dispenser and pushes a black metal member card out of the slot. The card rides out lifted on a long shadow while a specular band rakes across it, then turns upright and drops to settle. Drop it into a membership upgrade, a loyalty tier reveal, or a wallet add.
