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
Built a hero + footer with GSAP where every animation is intentionally quiet — a 14s photo drift, a 2px idle float on the CTA, hover nudges on every link.
Less "look what I can animate" and more "does this feel calm to use."
HTML/CSS/JS + GSAP. No frameworks.
What's your rule of thumb for when motion helps vs. when it's just noise? 👇
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 button do you actually want people to press?
Same hero, same two actions. The only thing I changed is their weight, and that alone decides where the eye lands.
1 – Two primaries. Both buttons solid amber. Looks confident, reads as a tie - and the visitor has to break it.
2 – One primary, one quiet. "Book your stay" stays solid; "Explore cabins" drops to a ghost. Now there's a clear first move and a calm backup.
Hierarchy isn't about adding emphasis - it's about turning one thing down so the other can lead.
Do you give the main CTA a clear winner, or keep the options equal?
6 voted
10%
57 voted
90%
63 votes
Closed
one solid one ghost, every time
Three days ago, I had never opened Rive.
Today I'm submitting LEAD CHANGE — a live golf broadcast overlay.
In golf, one putt can reorder the whole tournament. But broadcast graphics almost always show it after the fact. I wanted the opposite.
Everything on screen runs off a single value: the player's score.
Change it, and the card, the ticker, and the position all move at once. The position isn't drawn; a Luau script computes it against the rest of the field.
Under the hood: data binding on a Leaderboard ViewModel, a four-state machine that physically swaps the top two rows, and a second layer running a constant idle pulse so it never sits frozen.
Designed in Figma, animated in Rive, composited over real footage.
@rive_app #rivebroadcastchallenge
This is awesome 🔥
Which option will you choose and why?
Lucra: How it works Section Exploration
35 voted
76%
11 voted
24%
46 votes
Closed
A looks Good