Core Products
Clean little interactions carrying the team on their back.
All
All
Clean little interactions carrying the team on their back.
A floating pill-shaped tab bar that collapses into a three-dot indicator when the user scrolls down a list and springs back open as soon as they scroll up. Drop it into any scrollable screen (FlatList, ScrollView, music list, feed) to give the bottom navigation a smooth, attention-aware reveal.
Built with react-native-reanimated v4 shared values. An useAnimatedScrollHandler writes the scroll offset to the UI thread, and an useAnimatedReaction compares current vs. previous offset to detect scroll direction, driving a single `progress` shared value between 0 and 1 with withSpring. Menu width, icon scale, icon translation, and the dot indicator's opacity/translateX all interpolate off that one progress value, so the whole reveal animation stays in sync and runs entirely on the UI thread (no JS-thread bridge work per frame). Icons use expo-symbols (SF Symbols), so the look is best on iOS; Android renders fall-back glyphs. Tested on Expo SDK 54, RN 0.81, Reanimated 4.1. No native code — works in a managed Expo project.
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.
