React Native Swipe Deck
Tinder-style swipe decks for React Native

High-performance card stacks powered by Reanimated, Worklets, and Gesture Handler

npm
yarn
pnpm
bun
npm install @react-native-motion-kit/swipe-deck
React Native Motion Kit logoReact Native Motion Kit logo
🤌

Gesture-First Deck UX

Drag, flick, threshold, and direction controls tuned for Tinder-style card stacks.

🏎️

High-Performance Animations

Smooth card motion powered by React Native Reanimated shared values and worklets.

🪟

Bounded Render Window

Mount only the active card and a small forward stack instead of the whole data set.

🧬

Item-Stable Promotion

Stable item keys let promoted cards keep their React Native view identity.

🧠

Typed Compound API

Create one typed deck family with Root, Card, hooks, actions, and events.

🎛️

External Control API

Trigger swipeLeft, swipeRight, and undo from buttons or other UI components.

🎨

Motion Recipes

Tune gesture motion, programmatic actions, and undo restores independently.

🧩

Multi-Instance Management

Manage multiple deck roots independently with stable factory-scoped IDs.

↩️

Undo Support

Opt into back-swipe UX with action-safe undo motion and LIFO history.

🪄

Easy-to-Use API

Start with Root and Card, then add hooks only when controls or events need them.