Tutorials
Below is a list of tutorials sorted by category. Please make a PR if you would like to add entries to the list.
Animations
- The Matrix Reacts (youtu.be)
- Animated 3D Card in React Native (youtu.be)
- Metaball Animation in React Native (youtu.be)
- Grid Magnification in React Native Skia (youtu.be)
- Arc Slider with React-Native Skia, React-Native Gesture Handler and Reanimated 2 (youtu.be)
- Confetti Animation with React-Native Skia (youtu.be)
- Pixelated Image with React-Native Skia (youtu.be)
- Typography Metaball with React Native Skia (youtu.be)
- Color Pixelated (youtu.be)
Gestures
Backdrop Filters
Charts
- Charts in React Native Skia (youtu.be)
- D3 Charts and React Native Skia for Beginners (youtu.be)
- How to build Animated D3 Bar Charts with React-Native Skia (youtu.be)
- How to build an Animated Donut Chart with React-Native Skia (youtu.be)
- Circular Progress in React Native (youtu.be)
Image Filters
Gradients
- Introducing Gen-Z Mode (youtu.be)
- iPhone wallpapers, but in React Native Skia
- Experimental Blur Gradient in React Native
- Animated Gradient with React Native Skia (youtu.be)
Noise
- The Joy of Painting with React Native (youtu.be)
- Song of Bloom - “Can it be done in React Native?” (youtu.be)
Shaders
- Skia Shaders and the SDF of a Line (youtu.be)
- Shader Transitions (youtu.be)
- Riveo Page Curl - “Can it be done in React Native?” (youtu.be)
- It's Severance, but in React Native (youtu.be)
Paths
- Gradient along Path (youtu.be)
- Headspace Player - “Can it be done in React Native?” (youtu.be)
- Make an Animated Wave Slider Effect with React-Native Skia (youtu.be)
- Liquid Wave Progress Indicator. Skia, Reanimated, D3. (youtu.be)