Swipe Cards

LIKE

Sam Rivera

Data Scientist

LIKE

Jordan Lee

Frontend Engineer

LIKE

Maya Chen

Product Designer

Swipe Cards animates the dating app gesture: a simulated cursor drags the front card of a stack sideways until a LIKE stamp lands, the card flies off screen, and the next card scales up to take its place. The whole sequence runs on a GSAP loop. Built with React and Tailwind CSS. Suits social apps, recommendation feeds, and card based product demos.

Installation

Install dependencies.

Copy and paste the following code into your project.

Unlock the full library

Get all pro blocks, components & illustrations, and production-ready Next.js + Tailwind templates.

Get All Access

Update the import paths to match your project setup.