# Swipe Deck — Swipeable Card Stack for React Native & Expo

> A swipeable card stack for React Native: drag a card left, right or up, with a tilt that follows your finger, stamps in your colors, the next card rising underneath, buttons that swipe for you and undo. Reanimated 4, Gesture Handler, haptics, light and dark, touch and mouse.

- Kind: Mobile component (Cards)
- Price: Free
- License: MIT License. Do anything with it, keeping the copyright notice.
- Developer: UpFork
- Tags: card, gesture, react-native, expo, reanimated, gesture-handler, swipe, cards
- npm packages: expo-haptics, react-native-gesture-handler, react-native-reanimated, react-native-worklets
- Published: 2026-10-14
- Updated: 2026-10-14
- Page: https://upfork.dev/products/swipe-deck-react-native

## How to get it

It's a React Native component for Expo apps (Expo SDK 57), not a shadcn item: copy its folders into the app's root from its ZIP (Download source on its page) or through UpFork's MCP server (install_product), then install its packages with Expo:

```bash
npx expo install expo-haptics react-native-gesture-handler react-native-reanimated react-native-worklets
```

It's free and in no plan: an AI assistant installs it through MCP with no account, and its ZIP downloads with a free UpFork account.

Step by step, with the App.tsx that shows it and Skia's web setup: https://upfork.dev/docs/mobile.

## About

Swipe Deck is the card stack behind discovery and review screens: matching, music and shopping picks, flashcards, triage. Cards follow your finger one to one, tilt as they go and fly off with the speed you gave them, while the card underneath rises to take their place.

- **Left, right and up.** Choose the ways a card may go; each gets a stamp in your color that fades in as you drag, with a wash of that color over the card.
- **Buttons and undo.** `swipe('left')` sends the top card off as if it had been swiped; `undo()` brings the last one back the way it left.
- **Feels physical.** 1:1 drag from where the pointer went down, a fling that keeps your speed, a spring back if you let go early, haptics at the point of no return.
- **Any card.** You draw the card; the deck rounds and clips it, stacks the next ones under it and keeps its place in your data.
- **Touch and mouse, light and dark.** Built on Gesture Handler, so it works with a mouse on the web; screen readers get an action for each way.