One Skia RuntimeEffect paints the whole face in a single pass: a flat surface colour, then two anisotropic gaussian blobs composited source-over, plus a dither pass that hides banding. Both blob centres sit at y 1.26 in normalised button space, below the bottom edge, so only their upper shoulder shows and the light reads as coming from underneath. Source-over rather than additive blending lets the same shader read as a tint on light surfaces, a glow on dark ones, and a float over glass at surface alpha 0. Every uniform is fed by a Reanimated useDerivedValue, so the press bloom, the drift and the disabled desaturation run on the UI thread with no JS per frame, and useFrameCallback is only active while animated is true, so a static button never repaints. The interactive press follows the finger through a Gesture.Manual that never activates, so it neither steals the press nor blocks a parent ScrollView. glass renders an expo-glass-effect GlassView on iOS 26 and falls back to an expo-blur BlurView on older iOS and Android, which also needs experimentalBlurMethod or it draws a flat tint. Built and tested on Expo SDK 56 with React Native 0.85, Reanimated 4.3 and Skia 2.6; Skia and expo-glass-effect mean it needs a development build, not Expo Go. Each mounted canvas carries per-frame overhead, so virtualise long lists and use the paused prop to skip the canvas while keeping layout.
A pill button lit by a Skia aurora: two soft lights sit just below the bottom edge and bleed up into the surface, blooming under your finger. Colours, spread, drift and press feel are all props, and glass mode swaps the fill for iOS 26 Liquid Glass with a blur fallback everywhere else. Drop it in as the primary CTA on an onboarding, paywall or checkout screen.
A snap carousel of voice cards, pixel-matched to Claude's voice settings: the centred card glows from a Skia shader driven by the audio it plays. Cards ease down a measured scale curve as they leave the centre, dots track the scroll, and a selection haptic fires once the snap settles. Drop it into an onboarding or settings flow where a user auditions voices.
A bank card that ices over when you tap Freeze, with a Skia runtime shader growing a dendritic frost front from the four corners. It refracts the artwork through crystal facets and creeps an ice lattice onto the background behind it. Tap a card to lift it out of the wallet list onto a dimmed scrim, then toggle freeze from the focus bar. Built for fintech card-lock screens.
A slider-based model picker for chat composers: the gauge icon morphs into a full-width slider that floats above the keyboard behind a progressive blur. Press the track to jump to the nearest stop, drag the knob freely, and release to snap; the gauge arc and needle follow the drag continuously. Drop it into any AI composer that needs an inline effort selector.
