Core Products
Clean little interactions carrying the team on their back.
All
All
Clean little interactions carrying the team on their back.
A draggable pair of glass lenses that magnify, refract, and chromatically split whatever is rendered behind them. Grab the lenses and slide them across the screen to warp the content underneath, all driven by a single custom Skia SkSL shader. Drop it over scrolling text, images, or any Skia scene for a tactile magnifying-glass effect.
Built on @shopify/react-native-skia: the whole effect is a single SkSL runtime shader attached as an image filter on a <Group layer>, so only the two circular lens discs are resampled while every other pixel is exact passthrough. Magnification, cap-normal refraction, and chromatic aberration are computed in the worklet shader, and react-native-reanimated shared values feed the uniforms every frame on the UI thread. A react-native-gesture-handler pan moves both lenses and the bridge together as one rigid unit. Tested on Expo SDK 56 (iOS + Android); Skia requires a development build, so it does not run in Expo Go.
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.