An open API service indexing awesome lists of open source software.

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 🎨

Awesome Lists containing this project

README

          

# React Native Crafty Animations
![_6d997a69-23b2-45ae-a60d-8054b9986ef1-2-modified](https://github.com/AlirezaHadjar/react-native-creative-animations/assets/57192409/49d71140-938b-4eb3-b5fe-7eeb8243f884)

## ✨ 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