I wanted my next framer template's portfolio showcase to have a standout interaction, not another...I wanted my next framer template's portfolio showcase to have a standout interaction, not another...
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
I wanted my next framer template's portfolio showcase to have a standout interaction, not another flat slider. That idea is now the hero: a carousel where every image bends on a cylinder as it moves. Perspective, velocity skew, a touch of chromatic distortion on the edges. It's raw WebGL with the cylinder math written from scratch, no libraries. I didn't write any of it. I described the motion to Framer's agent, one prompt with my art direction, and it built the code component, wired it into the canvas, and exposed the motion as sliders: tilt, curve, skew strength, distortion, chroma, parallax. My part was tuning those sliders until the motion felt right for the template, which took longer than the build itself. The gap between an effect I can imagine and a component I can ship used to be "someday". Now it's an afternoon. What's an effect you've wanted on your site but never built?
Tanaka's avatar
cool! so cinematic this would kill for a videographers porfolio too
Nazar's avatar
Yasno Design Agency logo
the cylinder bend is sick
Picto's avatar
Picto Design Studio logo
Great work👏🔥🔥
Kabir's avatar
Split Creatives logo
This is pretty wild. The fact that you can go from an idea to something this custom in an afternoon is a huge shift.
Shabbir's avatar
Raising the bar! 📈
Asif's avatar
The cylinder skew looks great in motion. The effect I keep wanting is a weight-aware drag: a project grid that carries inertia and settles with a little overshoot, so it feels physical rather than snapped. And your point lands, the taste to tune the sliders is the actual skill now, not the build.
Marta's avatar
looks amazing!
Marvellous's avatar
These simple animations are just so cool
Mosharof's avatar
This is a great example of how AI can turn a visual idea into something actually shippable. The interesting part isn’t just the effect—it’s how much faster experimentation and iteration become when you can focus on the art direction and fine-tuning.
Adesina's avatar
Nice creative
Mary's avatar
Amazing👍
Alex's avatar
Apollo Studio logo
thanks!
Tabish's avatar
The cylinder bending effect is really something. Love that the math came from a single prompt and you spent your time tuning the feel rather than wrestling the code.
Rain's avatar
I’ve always loved cool scrolling effects and wanted to add something like that to my own website, but I kept thinking it would take too much time and effort, so I never got around to it. After seeing your post, though, I’m honestly tempted to give it a try now. 😄
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