Implement a swipeable card stack, similar to Tinder, with ease.
npm install react-native-swipeable-card-stackA powerful and highly customizable React Native library that lets you implement Tinder-like swipeable card stacks with ease. Built with React Native Reanimated and React Native Gesture Handler, this library provides smooth animations and precise gesture controls for an exceptional user experience.
https://github.com/user-attachments/assets/83471ee5-0345-4072-9fd0-6e1526cbfc6d
- 🎯 Multi-directional Swipes - Support for left, right, top, and bottom swipes
- 🎮 Fully Controlled - Simple state management through props, no refs or imperative handling needed - just provide your data and swipe states
- ✨ Fluid Animations - Smooth, native-powered animations using React Native Reanimated
- 🎨 Highly Customizable - Extensive configuration options for animations, gestures, and styling
- 📱 Cross-Platform - Works seamlessly on iOS, Android, and Web
- 🔒 Direction Locking - Optional pan direction locking for controlled user interactions
- 🎬 Flexible Animation Configs - Choose between spring and timing animations with full customization
- 🔄 Configurable Stack - Control the number of visible cards in the stack
- 📦 Expo Go Compatible - Works out of the box with Expo Go, no additional configuration needed
- Documentation Website - API reference and usage
- Example Project - Working implementation example
> Note: If you're using v1 of this library, please refer to the v1 documentation.