# drag

Animations⚛ TSX Live preview

Fling & Snap Draggable Card

Pointer-event dragging with velocity tracking, momentum fling, damping and a spring back to center.

HTMLCSSJavaScriptAdvanced

6.2k33.4k5.2kOpen

Drag-to-Snap Carousel

Pointer-dragable card rail with scroll-snap, hidden scrollbar, scale-on-hover and arrow-key navigation.

29700Open

Featured Components Live preview

Tinder-style swipe card stack

Drag the top card to like/nope — it flies off with rotation, stamps fade in at the edges, stack reshuffles. Pointer events.

51300Open

Drag-to-reorder list rows

HTML5 drag-and-drop reordering for list rows with a drag grip, glowing status dot and drop-target highlight.

33400Open

Snap Swipe Deck · Rose Gold

A Tinder-style card stack: drag, rotate and fling cards with LIKE/NOPE stamps; the deck refills when empty. Rendered in the Rose Gold palette.

54000Open

Snap Swipe Deck · Ocean Sky

A Tinder-style card stack: drag, rotate and fling cards with LIKE/NOPE stamps; the deck refills when empty. Rendered in the Ocean Sky palette.

46400Open

Snap Swipe Deck · Mint Breeze

A Tinder-style card stack: drag, rotate and fling cards with LIKE/NOPE stamps; the deck refills when empty. Rendered in the Mint Breeze palette.

60400Open

Snap Swipe Deck · Candy Pink

A Tinder-style card stack: drag, rotate and fling cards with LIKE/NOPE stamps; the deck refills when empty. Rendered in the Candy Pink palette.

74400Open

Snap Swipe Deck · Royal Gold

A Tinder-style card stack: drag, rotate and fling cards with LIKE/NOPE stamps; the deck refills when empty. Rendered in the Royal Gold palette.

15600Open

Snap Swipe Deck · Crimson Heat

A Tinder-style card stack: drag, rotate and fling cards with LIKE/NOPE stamps; the deck refills when empty. Rendered in the Crimson Heat palette.

24400Open

Snap Swipe Deck · Deep Indigo

A Tinder-style card stack: drag, rotate and fling cards with LIKE/NOPE stamps; the deck refills when empty. Rendered in the Deep Indigo palette.

53300Open

Snap Swipe Deck · Aurora Teal

A Tinder-style card stack: drag, rotate and fling cards with LIKE/NOPE stamps; the deck refills when empty. Rendered in the Aurora Teal palette.

9100Open