Every value in spec.ts was sampled from a 120fps recording of the real iOS sleep-timer island and is multiplied by island width over 371, so proportions hold on any iPhone. The closed pill sits exactly over the sensor cutout, so at rest it vanishes into the hardware. All state lives on the UI thread as Reanimated 4 shared values. Gesture.Pan drives the selected minute, reproducing the UIScrollView rubber band formula in points, and release hands off to withDecay with a clamp and rubber band, then a short withTiming snaps to a whole minute. A useFrameCallback low-passes velocity to compute heat and a tail length, so the glow peaks at the pointer tick with no lag and cools over about 0.4s once still. Ticks are a recycled pool of 46 Animated.Views moved by worklets, labels are static Texts, and the readout is a TextInput written with setNativeProps every frame because Fabric drops guarded text updates. The open and close morph interpolates width, height and a continuous-curve radius, and the blur during the morph is a fixed-intensity expo-blur view crossfaded by opacity, because animating intensity dropped UI frames. The outer edges of the ruler fade through a local Expo Modules Swift view that applies a UIKit variable blur, so the module is iOS only (16.4+) and needs a development build, not Expo Go. Tested on Expo SDK 56, React Native 0.85 and Reanimated 4.3.
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.
A sun and moon position Live Activity for iOS: a Lock Screen and Dynamic Island widget that tracks either body along a dotted arc from rise to set. Built with expo-widgets, the moon card shows phase, illumination and a live rise or set countdown; a button flips it to the sun with daylight progress and sunset time. Drop it into any Expo app that wants a glanceable sky tracker.
