A simple and clean React Native project demonstrating smooth, Apple-style invitation carousel animations. This repo is perfect for anyone who wants to learn gesture-based animations, shared transitions, and carousel effects using React Native.
https://github.com/shubh435/RNAnimation
- Apple-style invitation carousel animation
- Smooth transitions powered by React Native Reanimated
- Gesture-driven scroll & snap behavior
- 60fps-smooth animations
- Minimal, easy-to-read code structure
- Works on both iOS and Android
- React Native
- React Native Reanimated
- React Native Gesture Handler
- TypeScript (optional depending on your repo)
Follow the steps below to run the project locally:
# Clone the repo
git clone https://github.com/shubh435/RNAnimation.git
# Navigate into project
cd RNAnimation
# Install dependencies
yarn
# Run on Android
yarn android
# Run on iOS (Mac only)
yarn ios(Coming soon)
RNAnimation/
│── src/
│ ├── components/
│ ├── screens/
│ ├── animations/
│ └── utils/
│── assets/
│── App.js
│── README.md
The carousel animation uses:
To keep animated states in sync.
To animate scaling & opacity of cards while scrolling.
To detect swipe gesture and trigger snapping behavior.
If you need an "Animation Logic" section with code comments, I can generate that too.
Shubham Sarode GitHub: https://github.com/shubh435 Portfolio: https://shubh435.github.io/
PRs are welcome! If you'd like improvements (extended animations, vertical carousel, parallax, etc.), open an issue.
MIT License — feel free to use this project for learning or production.