Parallax Carousel - Reanimated & Gestures

Description

A parallax carousel built with React Native Reanimated, React Native Gesture Handler and Moti. The carousel has some hidden containers that are visible when swiping up or down. The carousel was built during 3 live streams that you can [watch here](https://www.youtube.com/playlist?list=PLQocKVqyqZDTmrNDFyDVcvbb05A_lt_MS)

Installation

bunx @animatereactnative/cli@latest add parallax-carousel-reanimated-and-gestures

npx @animatereactnative/cli@latest add parallax-carousel-reanimated-and-gestures

yarn @animatereactnative/cli@latest add parallax-carousel-reanimated-and-gestures

pnpm dlx @animatereactnative/cli@latest add parallax-carousel-reanimated-and-gestures

Preview

Dependencies

PackageVersion
@expo-google-fonts/quantico^0.2.3
@faker-js/faker^9.2.0
expo-linear-gradient~15.0.7
lucide-react-native^0.456.0
moti^0.29.0
react-native-gesture-handler~2.28.0
react-native-reanimated~4.1.0

To install these dependencies, you can use the following command:

bun add @expo-google-fonts/quantico@"^0.2.3" @faker-js/faker@"^9.2.0" expo-linear-gradient@"~15.0.7" lucide-react-native@"^0.456.0" moti@"^0.29.0" react-native-gesture-handler@"~2.28.0" react-native-reanimated@"~4.1.0"

npm install @expo-google-fonts/quantico@"^0.2.3" @faker-js/faker@"^9.2.0" expo-linear-gradient@"~15.0.7" lucide-react-native@"^0.456.0" moti@"^0.29.0" react-native-gesture-handler@"~2.28.0" react-native-reanimated@"~4.1.0"

yarn install @expo-google-fonts/quantico@"^0.2.3" @faker-js/faker@"^9.2.0" expo-linear-gradient@"~15.0.7" lucide-react-native@"^0.456.0" moti@"^0.29.0" react-native-gesture-handler@"~2.28.0" react-native-reanimated@"~4.1.0"

pnpm install @expo-google-fonts/quantico@"^0.2.3" @faker-js/faker@"^9.2.0" expo-linear-gradient@"~15.0.7" lucide-react-native@"^0.456.0" moti@"^0.29.0" react-native-gesture-handler@"~2.28.0" react-native-reanimated@"~4.1.0"

Source code