React Native Deck Swiper

screenshot of React Native Deck Swiper

React Native Deck Swiper

tinder like react-native deck swiper


The React Native Deck Swiper is a customizable card-swiping component that allows users to swipe through a deck of cards. It offers various animations, overlay labels, event callbacks, and customization options to enhance the user experience.


  • Rotation animation: Cards can rotate during swiping.
  • Opacity animation: Cards have opacity animations.
  • Zoom animation: Cards can zoom in or out when swiped.
  • Overlay labels: Provides overlay labels on cards.
  • Show next card while swiping: Users can preview the next card while swiping.
  • Swipe event callbacks: Offers various callbacks for swipe events.
  • Trigger swipe animations programmatically: Users can trigger swipe animations via code.
  • Jump to a card index: Allows users to jump directly to a specific card index.


To install the React Native Deck Swiper, you can use npm. Run the following command in your project directory:

npm install react-native-deck-swiper


The React Native Deck Swiper component offers a feature-rich solution for implementing card-swiping functionality in React Native applications. With support for various animations, overlay labels, event callbacks, and customization options, developers can create engaging swipe interfaces for their users. Its ease of installation and flexibility make it a convenient choice for integrating swipeable card decks into mobile apps.

React Native

React Native is a framework for building mobile applications using React and JavaScript. It enables developers to write once and deploy to multiple platforms, including iOS, Android, and the web, while providing a native app-like experience to users.


ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.