https://github.com/chicio/react-native-parallax-carousel
A carousel with parallax and opacity animation, mimicking what the Apple TV app does in the home launch carousel.
https://github.com/chicio/react-native-parallax-carousel
carousel expo react-native reanimated
Last synced: 3 months ago
JSON representation
A carousel with parallax and opacity animation, mimicking what the Apple TV app does in the home launch carousel.
- Host: GitHub
- URL: https://github.com/chicio/react-native-parallax-carousel
- Owner: chicio
- License: mit
- Created: 2024-12-30T12:07:18.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-23T14:08:54.000Z (about 1 year ago)
- Last Synced: 2025-08-04T20:20:17.535Z (10 months ago)
- Topics: carousel, expo, react-native, reanimated
- Language: TypeScript
- Homepage: https://www.fabrizioduroni.it/blog/
- Size: 288 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# React native parallax carousel
This is an example app created with [Expo](https://expo.dev) for the blog post ["Create a circular carousel with parallax effect
in React Native"](https://www.fabrizioduroni.it/2024/12/31/carousel-parallax-circular-loop-react-native-expo/).
In this blog post, I show how it is possible to create a full-screen carousel with:
* parallax animation on the images inside the items during scroll
* opacity animation on the text label during scroll
* circular carousel: infinite scroll with item show in a loop
## Get started
1. Install dependencies
```bash
npm install
```
2. Start the app
```bash
npx expo start
```