Built a hero + footer with GSAP where every animation is intentionally quiet — a 14s photo drift,...Built a hero + footer with GSAP where every animation is intentionally quiet — a 14s photo drift,...
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
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? 👇
I’ve always liked products that solve a very specific problem instead of trying to do everything.
So for the Lovable Challenge, I picked a simple question that event-tent rental businesses hear all the time:
“Can I book a tent for my wedding?”
The problem is… a tent can’t really be booked until you know if the whole event will work.
How many guests?
How much usable space?
Tables? Dance floor? Bar? Stage?
Will the layout actually fit?
Can the crew set it up and pick it up on time?
Usually, the owner has to figure all of that out manually through messages, calls and calendar checking.
So I built TentFit — a spatial booking experience for event tent rentals.
The customer starts by planning the event, then maps out the space and everything they want inside it. TentFit checks the layout and highlights conflicts.
And instead of just saying “doesn’t fit,” it helps solve the problem:
Switch the tent. Move the layout. Remove an element.
Once everything works, TentFit checks the logistics and turns the final setup into a booking.
The goal was simple:
Make the customer’s decision easier, and make the owner’s job easier.