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
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
That directional routing makes the component much more useful than a visual swipe demo. Sending right swipes straight to the product page is a smart pattern.
Thank you! I thought it would be fun to bring a bit of Tinder-style logic into a regular slider, haha
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?
Yes! You can swipe the cards both left and right. There’s also built-in logic that lets you assign different destinations depending on the swipe direction. For example, swiping right can take the user directly to the page of the product shown on that card.
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
Related posts
XPlace — Crypto-Backed Visa Card Website design
Designed the interface for XPlace — a platform that lets users borrow against their crypto holdings and spend through a Visa card, without selling assets or triggering taxable events.
The challenge:
Create a product that feels both trustworthy and premium — avoiding the typical "startup" look, and steering clear of the neon/gradient clichés so common in crypto design.
The solution:
A dark, cinematic mood built around a monochrome landscape backdrop, bold expressive typography, and a metallic Visa Platinum card as the central visual anchor. Minimal elements, maximum focus on one action: get the card.
What's in the interface:
— Full-bleed hero section with an atmospheric background
— Large-scale headline that communicates value in seconds
— 3D card render as a trust-building element
— Transparent glass-effect header
Built in Framer — this isn't just the landing page, there are several more screens and flows I'll share case study separately 👀
That design, scroll transitions and color palette is very well designed with a great presentation. I like how you blend different type of scroll animations in different sections. Fits my dark sci fi aesthetic, good work!
A large set of components will be dropping soon on the framer marketplace.
We go all in on templates and components
Stay tuned
Waiting to explore
Sunbeam giveaway ☀️
I’m giving away three complete licenses, worth $99 each.
To enter, visit the Framer Marketplace and comment with what you would build:
Entries close Sunday, July 19. Three winners will be selected at random.
Really good designs
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?