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
Project Title: 3D Animated Card Slider — React, GSAP & Interactive UI
Built a modern 3D card slider with smooth transitions, interactive hover effects, and cinematic depth using React and GSAP.
This project explores how motion, perspective, and micro-interactions can transform a traditional carousel into a more engaging web experience.
🛠️ Tech Stack
React.js · JavaScript · GSAP · CSS · Lucide React
🎯 Project Focus
Creating engaging, interactive user interfaces through creative animation, modern design, and smooth motion.
I'm passionate about building modern websites, creative landing pages, and interactive frontend experiences for businesses and brands.
Have a project in mind? Let's connect!
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
Challenges
View all
Related posts
This card stack transition combining the SVG of each card to the sticky position is giving my brain really satisfying scratches 😘👌
--
I've been doing a lot more Framer developments lately where I don't do the design, I think one of the big advantages of having a strong background in design is that I can see the designers vision to translate it into the web obsessing over the details.
I.e. see Figma design screenshot in the comments how each card had the same SVG but in irregular placements, I saw it as an opportunity to perfectly align them on scroll and add a bit of a transparency reveal at the end. It feels way more intentional and ties everything together.
Design by @Iverson developed by me
Figma design handoff
I wanted to see how far I could take a static hero with a little motion and some help from Claude.
So I’m experimenting with scroll animation on a dental website concept. I design the layout and motion direction, then work with Claude to bring it to life.
A quick screen recording of where it’s at. Still tweaking, but this part is fun.
Great concept I like how everything managed with animations great job 🎉🔥
A grid doesn't have to feel rigid.
With Bento Card, structure and interaction work together.
The grid keeps information organized, while subtle movement adds depth and personality without disrupting the layout.
It's not about making every card move.
It's about making a structured interface feel less static.
Clear structure. A little more character.
Nice Bro!