Journal

Tag

#skia

WHOOP strain gauge chart in React Native with Skia: the App Store logo as a glossy glass icon on a purple and blue gradient with floating bubbles
Guides 10 min read

WHOOP strain gauge chart in React Native with Skia

Build a WHOOP-style strain gauge in React Native with react-native-skia: a gradient arc, rounded caps, a glow, and a sweep animated to the value with Reanimated.

Lawrence Arya · June 10, 2026
Build a High-Performance Candlestick Chart in React Native: a reflective 3D App Store icon on a blue and purple gradient
Guides 8 min read

Build a High-Performance Candlestick Chart in React Native

A candlestick chart with thousands of candles and smooth pan-zoom needs Skia, not SVG. Here is how to build a high-performance candlestick chart in React Native.

Lawrence Arya · June 8, 2026
Kids Letter-Tracing Canvas UI in React Native: a glass iPhone UI wireframe icon on a holographic purple gradient
Guides 6 min read

Kids Letter-Tracing Canvas UI in React Native

Letters are stroke paths, not images; Skia keeps the ink on the finger; validation stays loose and kind; and the kids rulebook means collect nothing.

Lawrence Arya · June 7, 2026
Apple Pencil Drawing Canvas UI in React Native: 2 Routes: a glossy App Store icon on a blue, pink and orange gradient with bubbles
Guides 4 min read

Apple Pencil Drawing Canvas UI in React Native: 2 Routes

Build an Apple Pencil drawing canvas in React Native: wrap PencilKit for Apple's full ink engine, or own the strokes with Skia, and how to choose.

Lawrence Arya · June 5, 2026
Scratch Card UI in React Native + Expo: Skia Guide: a glowing iPhone home-screen icon on a purple and blue gradient
Guides 5 min read

Scratch Card UI in React Native + Expo: Skia Guide

How to build a scratch card reveal in React Native with Expo and Skia: the erase-mask technique, reveal thresholds, haptics, and the gambling line.

Lawrence Arya · June 5, 2026
Convert Raw SVG to React Native Skia (With AI, Verified): the App Store logo on a glass tile over a blue gradient with bubbles
Guides 4 min read

Convert Raw SVG to React Native Skia (With AI, Verified)

Convert raw SVG into React Native Skia for fast, animated graphics: when Skia beats react-native-svg, how AI converts it, and why you must verify.

Lawrence Arya · May 31, 2026
React Native Skia UI Examples (Custom Graphics, Done Right): the App Store logo as a glossy glass icon on a purple and blue gradient with floating bubbles
Guides 4 min read

React Native Skia UI Examples (Custom Graphics, Done Right)

React Native Skia is a real 2D graphics engine for custom charts, effects, and animations. Use it only where you need it, and build the rest from a free VP0 design.

Lawrence Arya · May 30, 2026