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?

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.

Every animation on a website should have a purpose.

For this project, I used motion to guide attention, reveal each section at the right moment, and create a smooth experience without distracting from the message.

That is what makes a website feel premium. Thoughtful design, pacing, and movement can take a brand to the next level and make it memorable.

Designed and built with @framer ✨

What detail catches your attention first? 👀

#Framer #WebDesign #MotionDesign #BrandDesign

Love the visual direction here. The bold orange palette and UI overlays give the whole experience a really strong identity. Great work .