New component: Swipe Card Stack. A gallery that behaves less like a grid and more like something ...New component: Swipe Card Stack. A gallery that behaves less like a grid and more like something ...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Anastasia's avatar
Anastasia Satnichenka
• 12h
New component: Swipe Card Stack.
A gallery that behaves less like a grid and more like something you actually want to touch.
Drag a card left or right, release it, and the next one rises from the stack. The deck loops continuously and can also be controlled with buttons, keyboard arrows, taps, or autoplay.
Everything is editable directly in Framer:
— Images, text, colors, and links — Separate actions for left and right swipes — Shared card aspect ratio — Stack depth, spacing, scale, and rotation — Spring motion and swipe sensitivity — Typography, counter, and navigation buttons — Responsive sizing for every breakpoint
Copy it, replace the demo cards, and make the stack yours. https://contra.com/products/IcIYlLNQ-interactive-swipe-card-stack-for-framer
FramerReactcomponent
Maty's avatar
Maty Sandoval
max
• 4h
This interaction design is absolutely smooth. The way the cards rise from the stack with those micro-interactions is so satisfying to watch. Are you planning to add more variations or maybe a horizontal swipe version?
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started