Demos ✨

An ongoing collection of React Native animations crafted with Reanimated, Gesture Handler, and Skia.

Browse all demos at reactiive.io/demos.

Highlights

Demos 2024 - Rewind 👇

https://github.com/user-attachments/assets/47c8fb6d-6810-444f-a92e-589ffae84778

Demos 2023 - Rewind: Twitter Post

Roadmap

This project is a work in progress (almost by definition). Here are the current priorities:

• Remove deprecated APIs: runOnJS and runOnUI should now be imported from react-native-worklets
• Drawer Navigation: currently the navigation is quite unintuitive and needs to be improved.
• Ensure consistent haptics support (use pressto whenever possible)
• Optimize performance in Shaders demos
• Feedback screen on Shake Detection
• TestFlight Release
• Android Release (starting with App Tester / Firebase Distribution)

Quick Start

This is an Expo project. To get started:

bun install
bun prebuild
bun ios     # for iOS
# or
bun prebuild
bun android # for Android

Project Layout

src/
├── animations/   # Where the magic happens
└── navigation/   # app navigation utils and hooks

Sponsors

If you find these animations helpful, consider supporting the project:

• 💖 GitHub Sponsors
• ✨ Demos
• 🎓 Learn to build these animations: Check out my course at reanimate.dev. Dive deep into the world of React Native animations with this course, designed to guide you from the basics to advanced techniques

Your support helps maintain this project and support my open-source work!

License

This project is licensed under a custom Software License Agreement. See LICENSE.md for details.

Key points:

• ✅ Free for everyone (individuals and companies)
• ✅ Can use in commercial projects
• ✅ Can modify and customize for your needs
• ❌ Cannot resell or redistribute the code
• ❌ Cannot create competing animation libraries