Swipe Deck
A draggable card deck you fling left or right, with keyboard and button controls.
motiondraga11y
Customize
Deck
Loop deck
Cards behind2
Motion
Swipe tilt18°
Overlay
Keep / Pass stamps
Control buttons
Props
| Prop | Type | Default | Description |
|---|---|---|---|
items | SwipeCardItem[] | gradient set | Cards to deal, front to back ({ id, title, subtitle?, background?, tags? }). |
loop | boolean | true | Recycle swiped cards to the back so the deck never empties. |
swipeRotation | number | 18 | Max tilt (deg) as the front card is dragged sideways. |
stackDepth | number | 2 | How many cards peek behind the front one (1–3). |
showStamps | boolean | true | Show the Keep/Pass stamps that fade in as you drag. |
showControls | boolean | true | Show the circular Pass/Keep buttons below the deck. |
onSwipe | (id, direction) => void | — | Fires when a card leaves the deck, with its swipe direction. |
label | string | "Swipeable card deck" | Accessible name for the deck. |