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
Attention is limited.
That's why strong motion needs more than flashy effects—it needs a strong opening, clear storytelling, and purposeful movement.
🚀 Need scroll-stopping animation for your brand? DM me.
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
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
Which one feels stronger? 👀
Same logo, two different animation directions.
Which version would you pick? 1 or 2?
62 voted
66%
32 voted
34%
94 votes
Closed
I'll go with version 1
How do you make a logo feel alive without making it feel like a gimmick? 🤖
Quickchat AI builds no-code AI Agents that handle real work - customer support, sales, internal ops - reading docs and resolving conversations on their own. As the product scaled, the brand needed to catch up: something as sharp and credible as the tech itself, in a market where every AI startup looks the same.
I could have leaned into something loud - a mark morphing through wild transformations, motion for the sake of motion. Instead the direction was restraint. The wordmark reveals with one clean underline stroke. The icon wakes up letter by letter before landing on the final mark, closing on a small wink instead of a flourish 😉.
Every timing decision was intentional: fast enough to feel instant, controlled enough to feel trustworthy. That's the whole brief in one sentence.
The palette stayed just as disciplined 🎨 - one electric blue carrying the energy, one warm yellow breaking up the dark neutrals. Nothing decorative, everything load-bearing.
Where do you draw the line between motion that shows a product's personality and motion that's just there to show off?
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?
looks amazing!