Core Products
Clean little interactions carrying the team on their back.
All
All
Clean little interactions carrying the team on their back.
An Apple Music–style mini-player that expands from a docked bar into a full-screen now-playing view. Tapping or dragging the sheet drives a synchronized transition: the album art scales and repositions, the background color shifts, and the compact and full layouts cross-fade. Ideal for music, podcast, or media apps that want a native-feeling now-playing experience.
Built on @gorhom/bottom-sheet v5 (BottomSheetModal in detached mode with three snap points) driving react-native-reanimated shared values. The sheet's animatedIndex feeds interpolate/interpolateColor inside useAnimatedStyle to scale the artwork (40→240), animate height/margins/border-radius/shadow, and tween the background between white and gray; withSpring/withTiming in the onAnimate callback handle the artwork translate and the cross-fade between the collapsed and expanded layouts on the UI thread. enableContentPanningGesture is toggled via state so pan-to-collapse only works while expanded. Tuned with overshootClamping spring configs for an iOS-accurate feel and styled to work on both iOS and Android. Requires GestureHandlerRootView and BottomSheetModalProvider at the root; runs in Expo Go (no native code) on Expo SDK 56.
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.