https://github.com/alirezahadjar/react-native-crafty-animations
Dive into RN animation demos, mostly with RN Skia 🎨
https://github.com/alirezahadjar/react-native-crafty-animations
animation reactnative reanimated3 skia
Last synced: 3 months ago
JSON representation
Dive into RN animation demos, mostly with RN Skia 🎨
- Host: GitHub
- URL: https://github.com/alirezahadjar/react-native-crafty-animations
- Owner: AlirezaHadjar
- Created: 2024-01-10T21:09:03.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-05T15:01:59.000Z (9 months ago)
- Last Synced: 2025-06-29T11:45:31.015Z (3 months ago)
- Topics: animation, reactnative, reanimated3, skia
- Language: TypeScript
- Homepage:
- Size: 3.05 MB
- Stars: 108
- Watchers: 5
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Native Crafty Animations
## ✨ Starfield Simulation
It is implemented in two ways. There's a new Atlas API which is much more performant but less flexible for now
- [Original Method](https://github.com/AlirezaHadjar/react-native-creative-animations/blob/main/src/Examples/Starfield/Starfield.tsx)
- [Atlas API](https://github.com/AlirezaHadjar/react-native-creative-animations/blob/main/src/Examples/Starfield/StarfieldAtlas.tsx)https://github.com/AlirezaHadjar/react-native-creative-animations/assets/57192409/ac989edf-6699-439a-bdf3-f1c42ebd827d
## 🌴 Fractal Tree
[Source Code](https://github.com/AlirezaHadjar/react-native-creative-animations/blob/main/src/Examples/FractalTree/FractalTree.tsx)https://github.com/AlirezaHadjar/react-native-creative-animations/assets/57192409/891a82e0-e610-48b0-8560-0d8208ce67f1
## 🌀 Phyllotaxis Spiral
[Source Code](https://github.com/AlirezaHadjar/react-native-creative-animations/blob/main/src/Examples/Phyllotaxis/Phyllotaxis.tsx)https://github.com/AlirezaHadjar/react-native-creative-animations/assets/57192409/e4f9abf2-5c6b-457f-90f9-c446c83122ac
## 🎇 Firework
[Source Code](https://github.com/AlirezaHadjar/react-native-creative-animations/blob/main/src/Examples/Firework/Firework.tsx)https://github.com/AlirezaHadjar/react-native-creative-animations/assets/57192409/82501576-ba6a-46fe-8718-c3c877b29dda
## 🐦 Flappy Bird
[Source Code](https://github.com/AlirezaHadjar/react-native-creative-animations/blob/main/src/Examples/FlappyBird/FlappyBird.tsx)https://github.com/AlirezaHadjar/react-native-creative-animations/assets/57192409/03241275-0c21-42b9-80ef-9c037576397a
## 🔗 Double Pendulum
[Source Code](https://github.com/AlirezaHadjar/react-native-creative-animations/blob/main/src/Examples/DoublePendulum/DoublePendulum.tsx)https://github.com/AlirezaHadjar/react-native-creative-animations/assets/57192409/9add3e8b-de35-47fb-8cd7-57013ba3af76
## 🅰️ Rotating Characters
[Source Code](https://github.com/AlirezaHadjar/react-native-creative-animations/blob/main/src/Examples/RotatingCharacters/RotatingCharacters.tsx)https://github.com/user-attachments/assets/b2e348a5-df90-49c7-91bf-4ec69daf52fb
## 🎉 Confetti (Atlas API)
[Source Code](https://github.com/AlirezaHadjar/react-native-crafty-animations/blob/main/src/Examples/Confetti/Confetti.tsx)https://github.com/user-attachments/assets/cff6aec3-e914-4936-9182-beb25e75142b
## 🏖️ Falling Sand (Atlas API)
[Source Code](https://github.com/AlirezaHadjar/react-native-crafty-animations/blob/main/src/Examples/FallingSand/FallingSand.tsx)https://github.com/user-attachments/assets/97f4f966-69c6-4bf6-86da-f129bbd9b917