Core Products
Clean little interactions carrying the team on their back.
All
All
Clean little interactions carrying the team on their back.
Recreates ChatGPT's send-button interaction: long-press the button and drag up to reveal a floating menu, then slide between Instant, Thinking, and Extended speeds. The active option tracks your finger with a blur backdrop over the keyboard. Drop it into any chat or messaging input bar.
Built with react-native-reanimated v4: a single `progress` shared value (animated via withTiming) interpolates the blur intensity and the menu's size, position, and opacity, while a Gesture.Pan writes translationY into a useDerivedValue that maps drag distance to the highlighted option. The menu floats above the keyboard using react-native-keyboard-controller's OverKeyboardView and KeyboardStickyView, the backdrop uses expo-blur, and the glass input bar uses expo-glass-effect with SF Symbols from expo-symbols. All animation logic runs in worklets on the UI thread. iOS-focused (Liquid Glass and SF Symbols); requires Expo SDK 56 and a development build (not Expo Go) due to the keyboard-controller and glass-effect native modules.
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.