Everything runs on the UI thread through react-native-reanimated v4. Four shared values carry the whole sequence: island, eject, land and shine, each fed through interpolate inside useAnimatedStyle. A single island value morphs the collapsed pill, drawn at the real iPhone cutout metrics so it blends into the hardware island, into the expanded dispenser bar by animating top, width, height and borderRadius together; the dark-gray mouth lip fades in only past island > 0.75 so the bar looks solid before a slot appears. A card dispenser pushes in one continuous motion rather than feeding, so eject runs the card clear of the mouth on a cubic-bezier while it sits at scale 1.09 under a 30pt shadow offset: it is held out to you, not lying down. The landing is the trick. A second land value drops the card 120pt, rotates it a quarter turn upright, scales it back to true size and tucks the shadow in to 3pt all at once, so it reads as falling the last few millimetres onto a table instead of sliding down a plane. The card body, the skewed shine band and the gradient shadow the lip casts at the mouth are drawn with react-native-svg, and scheduleOnRN from react-native-worklets hands stage transitions back to JS. No native code, so it runs in Expo Go on SDK 56 on iOS and Android; the island-blend illusion is designed for Dynamic Island iPhones.
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.
A hold-to-confirm button whose progress bar is the light itself: a Skia shader sweeps the pill over a 2 second hold, and lifting early rewinds it. Every colour, radius and timing was fitted frame by frame against a reference recording, so the sweep and the flood at the end are measured, not guessed. Drop it on any destructive confirm: leaving a session, deleting an account.
A pill button lit by a Skia aurora: two soft lights sit just below the bottom edge and bleed up into the surface, blooming under your finger. Colours, spread, drift and press feel are all props, and glass mode swaps the fill for iOS 26 Liquid Glass with a blur fallback everywhere else. Drop it in as the primary CTA on an onboarding, paywall or checkout screen.
