Built the nième génération site so every scroll reads like a document degrading in real time

Built the nième génération site so every scroll reads like a document degrading in real time — GS...Built the nième génération site so every scroll reads like a document degrading in real time — GS...

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

Révolté

pro

• 21h

Built the nième génération site so every scroll reads like a document degrading in real time — GSAP-driven scan reveals, blend-mode carousel transitions, zero fades, zero rotation.

— SCROLL ENGINE: GSAP + SCROLLTRIGGER | MICRO-INTERACTIONS: FRAMER MOTION | REVEAL: CLIP-PATH ONLY

[COPY THIS] →

webdesign Creative Design landingpagedesign

Nazar Koliano

pro

• 20h

zero fades zero rotation, brave

Danny Kinz

pro

• 4h

The degrading-document concept is wild. GSAP clip-path reveals are doing a lot of heavy lifting here.

Amir Ostowar

• Aug 2

I had this idea stuck in my head for a while...

What if scrolling through a website felt more like controlling the camera in a cinematic Ferrari commercial?

So I decided to build it.

The hero section starts inside the cockpit. As you scroll, the camera moves through the windshield, circles around the Ferrari, and finishes behind the car all controlled by your scroll.

Getting it to feel smooth was the biggest challenge. Scrubbing a video directly didn't deliver the experience I wanted, so I switched to a frame by frame approach instead. It took a bit more work, but the result feels much more natural and responsive.

This is the kind of experience I love building where motion isn't just there to look cool, it becomes part of the storytelling.

You can try the live demo here: https://pure-velocity-sculpt.base44.app

I'd genuinely love to hear your thoughts. 👇

#WebDesign #LandingPage #UIDesign #UXDesign #MotionDesign #CreativeCoding #ScrollAnimation #AI #WebDevelopment #Awwwards

Base44 Figma motion Motion Design Web Design Web Development Spline

Maty Sandoval

max

• Aug 3

Okay this is such a fun concept, scrolling as camera movement instead of just scroll-triggered fades. Frame by frame instead of scrubbing video is a smart workaround. Did you run into any performance issues getting it smooth on lower-end devices?

Mrrex meer

• Aug 2

An instant, live-action meme generator. 🖼️🎻 Built this interactive AI Lens that runs smoothly until the user triggers it with a facial expression—instantly freezing the frame and repainting the image into a moody, 16th-century oil painting complete with a giant gold frame.

easylenscontra