A Telegram-style capture button whose microphone glyph morphs into a video camera on tap, with a springy pop under the finger and a liquid-glass circular surface. Every stroke is interpolated on the UI thread, so the mic cradle rises into the camera housing and the capsule head rounds into a lens in one continuous outline. Drop it into a chat composer, a recorder screen, or anywhere you need an audio/video capture toggle.
Built on react-native-reanimated v4: a single `progress` shared value drives three animated SVG paths through `useAnimatedProps`, and a separate `pop` value scales the button with `withSequence(withTiming, withSpring)`. There is no path-morphing library — both icons are drawn from the same three primitives (body, head, stem), so the morph is plain scalar interpolation inside worklets, which keeps it entirely on the UI thread with zero bridge traffic per frame. The body's rectangle leads the progress while its top edge seals behind it, which is what gives the cradle its tall open-U silhouette before it closes into a housing; spring overshoot is clamped so the radii never fold the outline back on itself. The circular surface uses expo-glass-effect — real liquid glass on iOS 26+, with a translucent hairline-bordered fallback on Android, older iOS, and web. Requires react-native-svg and expo-glass-effect; tested on Expo SDK 56 with React Native 0.85.
A pixel-matched recreation of Telegram's attachment menu: the paperclip button in the input bar morphs into a full liquid-glass bottom sheet, then drags between detents or flicks away to dismiss. Ships eight cross-faded panes (photo grid, text, file, location, poll, checklist, audio, contact) behind a scrolling native UISegmentedControl. Drop it into any RN/Expo chat screen that needs a real attachment picker.
A complete voice-assistant listening screen: a Skia orb that swells, fattens and ripples in time with whatever the microphone hears. Raw PCM is split into low, mid and high bands and pushed into Reanimated shared values, so the whole animation runs on the UI thread and React never re-renders while you talk. Drop it in as an AI-assistant, voice-note or call screen.
A full-screen rain overlay where thousands of depth-sorted drops fall past your UI and splash on the cards they hit, styled after the Apple Weather app. Drop the RainOverlay over any screen, feed it the rects you want rain to collide with, and it renders the entire storm on the GPU.
