A React Native package for implementing Tinder-like swipeable card interfaces in mobile apps.
React Native Swipe Cards is a library that provides Tinder-like swipeable card components for React Native apps. It allows developers to implement interactive card-swiping interfaces where users can swipe left, right, or up to trigger actions, commonly used for dating apps, discovery features, or decision-making interfaces.
React Native developers building mobile apps that require interactive, gesture-based card interfaces, such as dating apps, product catalogs, or content discovery platforms.
It offers a ready-to-use, customizable solution with smooth animations and gesture handling, saving development time compared to building swipe functionality from scratch.
Tinder-like swipe cards for your React Native app
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
The renderCard prop allows any React component for card content, enabling full customization as shown in examples with images and text.
Provides native-like swipe animations with configurable Yup, Nope, and Maybe actions, mimicking Tinder's fluid interaction demonstrated in the GIF.
Offers stack layout with adjustable stackOffsetX and stackOffsetY props for visual depth, useful for layered card interfaces.
Includes handlers like handleYup and cardRemoved for easy logic integration, shown in the complex example with dynamic card loading.
Lacks features like showing the next card underneath or drag shadows, as admitted in the TODO list, limiting visual polish.
Requires manual CSS work via props like yupStyle for overlays and cards, increasing development time for polished UIs.
Based on an old example with an incomplete TODO list and no testing mentioned, which could affect reliability and updates.