Core Products
Clean little interactions carrying the team on their back.
All
All
Clean little interactions carrying the team on their back.
A tap-to-decode text effect where the label flickers through random letters and locks in one character at a time until it resolves to the real string. The whole scramble runs on the UI thread via a Reanimated worklet driving an AnimatedTextInput, so it stays smooth even while JS is busy. Drop it into splash screens, hero titles, loading states, or cyberpunk-style onboarding.
Built with react-native-reanimated v4. A single shared value `progress` animates 0 to 1 with withTiming/Easing.linear; a useDerivedValue worklet maps that to a discrete tick, locks one more character per `cyclesPerFix` ticks, and fills the rest with a deterministic sin-based pseudo-random letter so the scramble is stable within a tick but changes as it advances. The text is pushed onto an Animated.createAnimatedComponent(TextInput) through useAnimatedProps, which keeps every frame on the UI thread with no JS bridge churn. The onComplete callback is marshalled back to JS with scheduleOnRN from react-native-worklets, and cancelAnimation cleans up on unmount. No native code beyond the standard Reanimated/Gesture Handler setup, so it runs in a dev client or bare Expo project. Tested on Expo SDK 56 (React Native 0.85, iOS + Android). Uses a monospace font (Inconsolata) for even character widths, swap fontFamily in the style for your own.
A denim zipper that unzips and parts the screen like a curtain. The pull rides down the seam, the teeth split open along a soft rounded V, then both fabric halves slide off-screen to reveal the app underneath. Great as a splash, intro, or screen-transition overlay.
An interactive x-ray effect that reveals a hidden image underneath a base photo through a circular mask the user drags around. Pan to move the lens and long-press to reset, perfect for product showcases, before/after reveals, or playful onboarding screens.
A full-screen animated swimming-pool water effect with drifting caustics, refraction ripples, and a buoyant rubber duck whose shadow wobbles on the tiled floor below. Built as a Skia runtime shader (SkSL) driven by Reanimated, it makes a great living background for splash screens, onboarding, or empty states.
