Core Products
Clean little interactions carrying the team on their back.
Clean little interactions carrying the team on their back.
An interactive finance-style bar chart with a draggable scrubber that highlights the bar under your finger and shows its value in a large price readout. Tapping the 1W / 1M / 1Y toggles smoothly morphs the chart between 7, 12, and 30 bars without ever mounting or unmounting a view. Drop it into a portfolio, crypto, or analytics screen for an instant App-Store-quality chart.
Every bar and value label is painted on a single GPU-backed @shopify/react-native-skia Canvas, so the whole chart is one draw call instead of dozens of native views. A fixed pool of 30 Skia RoundedRects is mounted once and never remounts — react-native-reanimated v4 shared and derived values drive each bar's height, width, spacing, x position, border radius, and opacity entirely on the UI thread, letting 7 fat bars retile into 30 thin ones via interpolate. The dataset is swapped in place with values.modify inside a worklet. A react-native-gesture-handler Gesture.Pan maps touch x to a clamped bar index, dimming the unselected bars to 0.2 and pushing the active value into an AnimatedTextInput through useAnimatedProps. Requires the New Architecture (react-native-worklets) and a custom dev client since Skia is not in Expo Go. Tested on Expo SDK 56 (iOS + Android).
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.