Built with react-native-reanimated v3 shared values, worklets, and useAnimatedReaction so every transition (digit reveal, button morph, progress ring, shimmer sweep) runs on the UI thread. The shimmer uses @react-native-masked-view/masked-view layered over expo-linear-gradient, the progress ring is an animated SVG Rect via react-native-svg, and the button icons use expo-symbols (SF Symbols on iOS). Wrapped in GestureHandlerRootView for press feedback. Tested on Expo SDK 51 with iOS and Android — note that expo-symbols renders SF Symbols on iOS and falls back gracefully on Android, so you may want to swap in an icon set there.
An animated credit card number input field that reveals its masked digits with a shimmering gradient sweep when tapped. A square progress ring runs around the action button, and the icon morphs between eye, copy, and checkmark states. Drop it into payment, wallet, or banking screens that need a delightful reveal-and-copy interaction.
A collapsing scroll header with a price chart, matched to X's coin page: as the feed slides over it, the header shrinks from its top edge and fades. Pull down and it rides with the content to reveal an arrow, with opacity and drift curves sampled frame by frame from a screen recording. Drop it into a crypto, stock or token detail screen.
A React Native camera screen that opens out of the Dynamic Island, then prints each shot as an instant photo that develops on screen. Pull down and the island grows into a live VisionCamera lens; press the shutter and a Skia print feeds out of a slot and comes up over a minute, faster if you shake it. Drop it into a photo or journaling app as its capture screen.
A long-press share menu matched frame by frame to Telegram: hold the share button, slide across recent chats and let go to send. The chosen avatar arcs into a toast and turns into a checkmark, with an envelope-to-bookmark variant for Saved Messages. Drop it into a chat, feed or post list that needs one-gesture sharing.
