https://github.com/enzomanuelmangano/demos
An ongoing collection of React Native animations crafted with Reanimated, Gesture Handler, and Skia.
https://github.com/enzomanuelmangano/demos
expo gesture-handler react-native reanimated skia
Last synced: 8 months ago
JSON representation
An ongoing collection of React Native animations crafted with Reanimated, Gesture Handler, and Skia.
- Host: GitHub
- URL: https://github.com/enzomanuelmangano/demos
- Owner: enzomanuelmangano
- License: other
- Created: 2024-11-05T15:38:16.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-09-27T09:42:12.000Z (9 months ago)
- Last Synced: 2025-09-27T10:26:51.764Z (9 months ago)
- Topics: expo, gesture-handler, react-native, reanimated, skia
- Language: TypeScript
- Homepage: https://reactiive.io/demos
- Size: 120 MB
- Stars: 990
- Watchers: 5
- Forks: 109
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE.md
Awesome Lists containing this project
README
# Demos ✨
An ongoing collection of React Native animations crafted with Reanimated, Gesture Handler, and Skia.
Browse all demos at [reactiive.io/demos](https://reactiive.io/demos).
## Highlights
Demos 2024 - Rewind 👇
https://github.com/user-attachments/assets/47c8fb6d-6810-444f-a92e-589ffae84778
Demos 2023 - Rewind: [Twitter Post](https://x.com/reactiive_/status/1740314524501078359)
## Roadmap
This project is a work in progress (almost by definition). Here are the current priorities:
- [x] 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](https://github.com/enzomanuelmangano/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:
```bash
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](https://github.com/sponsors/enzomanuelmangano)
- ✨ [Demos](https://reactiive.io/demos)
- 🎓 **Learn to build these animations**: Check out my course at [reanimate.dev](https://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](./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