The fold is one grid of paper, 57 lines each way, bent in a WGSL vertex shader through react-native-webgpu. Each axis is a strip of flat runs joined by circular arcs, so creases bow while they open and the layers nest as real paper does. Skia v3 on Graphite paints every cover and map, and react-native-webgpu imports Skia's own Dawn device, so textures pass between Skia and the shadow, scene and depth-of-field passes with no copies. Every moment of the motion is a function of one clock, so a tap runs it forward, Put back runs it backward and a drag scrubs it. A single Reanimated useFrameCallback worklet runs the engine, GPU encoding and Skia recording on the UI thread. Gesture.Pan, Gesture.Tap and a Gesture.Manual pinch only write shared values, and the scene is built once on the JS thread. Pulsar haptic ticks are triggered from the worklet and played on the JS thread, so waking the haptic engine does not stall the UI thread. The title band blur is a local Swift Expo module using a private iOS CAFilter: it degrades to no blur if Apple changes the internals, may draw App Store review attention, and renders nothing on Android. Android is configured, but the README documents only an iOS run. Built on Expo SDK 57. It needs a development build because of the Swift module and react-native-webgpu, so it does not run in Expo Go.
A 3D paper fold animation in React Native and WebGPU: tap a road map on a wire rack and it opens in your hands, ready to pinch, twist and pan. WebGPU folds one paper mesh in the vertex shader, Skia paints all nine maps in code with no image assets, and a drag scrubs the fold under your finger. Drop it into a travel app as a saved-routes screen.
A 3D card carousel for React Native: spin a wire rack of 24 illustrated postcards, tap one to pull it out, then flip it to read the handwritten back. Skia v3 and WebGPU share one GPU device for window light, shadows and depth of field, all driven from a single Reanimated frame callback. Drop it into a travel, gallery or collection screen where browsing should feel physical.
A WebGPU tap game for React Native: each tap carves a crack where it lands, until the rock shatters and a glowing crystal rises out. The rock and its chunks are ray-traced with no mesh, GPU particles throw chips, dust and gold, and every hit has synthesized sound and haptics. Use it as a reward reveal, or as a working reference for WebGPU on Skia's own GPU device.
A real-time liquid simulation for React Native: hold to pour water, milk or wine into a wine glass, tip it over, and watch it splash, all on the GPU. Up to 16,384 particles run in WebGPU compute shaders on Skia's own device, so each frame reaches the canvas with no copy, and spills spread into puddles on the table. Use it as a drinks app hero screen or a WebGPU reference.
