Selected Work, reimagined as a scroll-driven project stack. Built in Framer with a custom Code Co...Selected Work, reimagined as a scroll-driven project stack. Built in Framer with a custom Code Co...
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
Selected Work, reimagined as a scroll-driven project stack.
Built in Framer with a custom Code Component — smooth depth, layered transitions and continuous motion.
A custom code component for scroll-driven depth is a big step up from Framer's built-in scroll effects, and it shows in how continuous the motion feels. How much of that transition timing did you have to hand-tune versus getting close enough with easing presets?
Quite a bit was hand-tuned. The easing handled the interpolation, but the scroll ranges, card overlap, depth, scale and dimming all needed manual adjustment to make the stack feel continuous.
The stack reads as genuinely continuous, which is the hard part. Where these usually break is input parity: a fast trackpad fling versus a notched mouse wheel can skip the card overlap you tuned so carefully. Clamping scroll velocity per frame keeps the depth transition intact on both. Nice piece of work, Yurii.
Thanks, Asif, really appreciate that. Getting the stack to feel continuous across different scroll speeds was one of the trickiest parts of the component. Great point on per-frame velocity clamping too, that’s exactly where this kind of interaction can break.
$250K on Contra 🎉
Still can't believe we're writing this.
Huge thanks to every client who trusted us, and to team Contra for building a place where independent creatives can actually grow.
Onto the next one 🚀