hub / github.com/AlirezaHadjar/react-native-animations

github.com/AlirezaHadjar/react-native-animations @main

Chat with this repo

repository ↗ · DeepWiki ↗ · + Follow

80 symbols 231 edges 46 files 0 documented · 0%

What it actually does AI analysis from the code graph — generated when you open this

loading…

README

React Native Animations

_6d997a69-23b2-45ae-a60d-8054b9986ef1-2-modified

✨ 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 - Atlas API

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/assets/57192409/891a82e0-e610-48b0-8560-0d8208ce67f1

🌀 Phyllotaxis Spiral

Source Code

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/assets/57192409/82501576-ba6a-46fe-8718-c3c877b29dda

🐦 Flappy Bird

Source Code

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/assets/57192409/9add3e8b-de35-47fb-8cd7-57013ba3af76

🅰️ Rotating Characters

Source Code

https://github.com/user-attachments/assets/b2e348a5-df90-49c7-91bf-4ec69daf52fb

🎉 Confetti (Atlas API)

Source Code

https://github.com/user-attachments/assets/cff6aec3-e914-4936-9182-beb25e75142b

🏖️ Falling Sand (Atlas API)

Source Code

https://github.com/user-attachments/assets/97f4f966-69c6-4bf6-86da-f129bbd9b917

Core symbols most depended-on inside this repo

src/Examples/Confetti/Confetti.tsx

src/Examples/Phyllotaxis/utils.ts

getRandomValue

called by 5

src/Examples/Firework/Particle.tsx

getRandomPos

called by 5

src/Examples/Starfield/Star.tsx

getRandomPos

called by 5

src/Examples/Starfield/StarfieldAtlas.tsx

grad

called by 4

src/utils/animation.ts

Shape

Function 80

Languages

TypeScript100%

Modules by API surface

src/utils/animation.ts8 symbols

src/Examples/FlappyBird/FlappyBird.tsx8 symbols

src/Examples/FallingSand/FallingSand.tsx6 symbols

src/Examples/Confetti/Confetti.tsx6 symbols

src/utils/noise.ts5 symbols

src/Examples/FractalTree/Branch.tsx5 symbols

src/hooks/useAnimatedTimeout.ts4 symbols

src/Examples/Firework/FlameParticle.tsx4 symbols

src/hooks/useAnimatedInterval.ts3 symbols

src/Examples/Lighter/Lighter.tsx3 symbols

src/Examples/Firework/Particle.tsx3 symbols

src/Examples/Starfield/StarfieldAtlas.tsx2 symbols

For agents

$ claude mcp add react-native-animations \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact