React Native Stack cards animation

Description

React Native Stack cards animation + stagger menu animation, Powered by Reanimated & Gesture Handler. Fling UP/DOWN will move the cards, Fling LEFT/RIGHT with show/hide the menu.

Installation

bunx @animatereactnative/cli@latest add react-native-stack-cards-animation

npx @animatereactnative/cli@latest add react-native-stack-cards-animation

yarn @animatereactnative/cli@latest add react-native-stack-cards-animation

pnpm dlx @animatereactnative/cli@latest add react-native-stack-cards-animation

Preview

Dependencies

PackageVersion
@expo/vector-icons^15.0.2
expo-constants~18.0.9
react-native-gesture-handler~2.28.0

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

bun add @expo/vector-icons@"^15.0.2" expo-constants@"~18.0.9" react-native-gesture-handler@"~2.28.0"

npm install @expo/vector-icons@"^15.0.2" expo-constants@"~18.0.9" react-native-gesture-handler@"~2.28.0"

yarn install @expo/vector-icons@"^15.0.2" expo-constants@"~18.0.9" react-native-gesture-handler@"~2.28.0"

pnpm install @expo/vector-icons@"^15.0.2" expo-constants@"~18.0.9" react-native-gesture-handler@"~2.28.0"

Source code