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 👇

demos-preview.mp4

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
• Fix navigation setup: the project started with React Navigation, but we’re migrating to Expo Router. The repo currently feels like a mix of both.
• 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 Go project. To get started:

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

Project Layout

src/
├── animations/   # Where the magic happens
├── navigation/   # Getting around the app
├── components/   # Building blocks
└── utils/        # Helper functions

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