The liquid is a particle fluid solved with double density relaxation (Clavet, Beaudoin and Poulin 2005), run as Jacobi passes in WGSL compute shaders through react-native-webgpu. Neighbours come from a counting sort into a grid rebuilt every substep, the wine glass is a two-sided collider in its own rotating frame so liquid can only leave over the rim, and a GPU free list recycles a fixed pool of 16,384 particles. useFluidRenderer takes Skia's Dawn device from Skia.getNativeDevice() and imports it into WebGPU, so the shaded frame is wrapped as an SkImage with no copy and no readback, then Skia composites it with a bloom and draws the glass on top. The whole frame loop is a worklet scheduled onto the UI thread with react-native-worklets; touches go through the React Native responder system on the JS thread and reach the loop as Reanimated shared values. expo-haptics fires splashes timed from the same ballistics the simulation runs, expo-sensors tilts gravity from the accelerometer, and the loop pauses when the app is backgrounded. If a frame owes more than 8 substeps the simulation slows down instead of skipping, and render scale is capped at 2x. Built on Expo SDK 57 (React Native 0.86). It needs a development build: Expo Go ships Skia v2 and this needs Skia v3 (Graphite). Android needs minSdk 26, set through expo-build-properties.
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.
A 3D album carousel for React Native: flick through a crate of vinyl sleeves, then tap one to lift it out and slide the record from its sleeve. Drawn with WebGPU on Skia's own Graphite device, with soft shadows, depth of field, a haptic tick per record and four rooms. Drop it into a music library or record store app that should feel physical.
An onboarding carousel where 16,000 particles morph from an atom into DNA, the Earth and a galaxy, driven directly by your swipe. The particles are rendered with WebGPU on React Native Skia's own GPU device, so the morph tracks the scroll position and can stop or reverse mid-swipe. Use it as the first-run screen of a science, education or space app.
A collapsing scroll header with a price chart, matched to X's coin page: as the feed slides over it, the header shrinks from its top edge and fades. Pull down and it rides with the content to reveal an arrow, with opacity and drift curves sampled frame by frame from a screen recording. Drop it into a crypto, stock or token detail screen.
