This repository contains all of the demos from my talk at App.js Conf 2025: Everybody can Cook with React Native.
Note: Some of these demos are extracted from Demos, which is a collection of animations I've built over the past two years and I update weekly. Feel free to check it out if you're interested in more animations.
clerk-toast.mp4
- Fluid Tab Interaction: inspired by Nitish Khagwal
- Clerk Toast: inspired by Emil Kowalski
- Checkbox Interactions: inspired by Daniel Kuntz
- Everybody can Cook: inspired by jhey ʕ•ᴥ•ʔ
- Composable Text: inspired by Jakub Krehel
- Magnets Timing/Spring: inspired by WWDC23: Animate with springs | Apple
- Sudoku
- Animated Gradient
- Animated Radial Gradient
- Animated Shader: inspired by ButterflyWaveScrawler
- Atlas Button
- Atlas Sphere: inspired by Philip Davis
- Grid Visualizer
While preparing for this talk, I dove deep into animation theory. Here are some amazing resources:
- animations.dev by Emil Kowalski - An incredible course on animations
- The Basics of Easing by Paul Lewis
- The physics behind spring animations by Maxime Heckel
- Animate with Springs - WWDC 2023 by Jacob Xiao
- React Native Skia tutorials
For more resources, you can find additional content here.
During the talk, I presented motion.reactiive.io, a tool I created to approximate timing animations with spring animations and vice versa. The source code is available here.
You can find me on Twitter / Bsky.
Check out my content at reactiive.io.