Advanced GSAP Preloader & Page Transition Tutorial

Advanced GSAP Preloader & Page Transition TutorialAdvanced GSAP Preloader & Page Transition Tutorial

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

Pavlo Tymoshenko

pro

• Apr 23

#3 Preloader and page transition made with GSAP. Free Webflow cloneable link in the comments. More is coming, and I’m building more. Cheers.

Pavlo Tymoshenko

pro

• Apr 23

https://webflow.com/made-in-webflow/website/horizontal-blinds-animation

Hossain Jahed

• Sep 13

When your landing Page is so goated that you no longer need a launch video.

landingpagedesign Web Design Motion Design GSAP React Tailwind CSS

ring labs

• Sep 13

I would rate this 9/10

Rohit Anand

• Sep 13

Polishing this website right now, I will make this live today, SaaS website for Startups. Shower your love and feedback. 😁😊

Framer Web Design Web Development

Rohan Ahmed

pro

• Sep 13

The purple frame gives the SaaS dashboard a confident launch moment, and the split between headline and product UI reads clearly. I’d love to see the button hover states carry a touch of that same contrast.

• Sep 13

pro

• Sep 13

The monitor-framed presentation makes the landing-page story feel tangible, and the warm red-orange surround gives it a strong first impression. Nice balance between the cinematic hero and the quick-scan project strip.