react-native-swipeable-card-stack

React Native Swipeable Card Stack

A 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

Key Features

• 🎯 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

• 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.