Discover the best scroll-trigger websites created by professional designers. Get inspired and start planning your perfect scroll-trigger web design today!

Watch my GSAP Scrolltrigger tutorial for this project at https://www.youtube.com/watch?v=x-BVEhyYW50

Conceptual design for https://www.minimalgoods.co/

MinimalGoods

GSAP Scrolltrigger Tutorial

This cloneable uses a paid GSAP plugin called SplitText that can be purchased at https://greensock.com/club/

Text Animations

Text Reveal Animations on Scroll

Adds scroll trigger functionality to Webflow's native slider via a simple script in footer. 

Details:

- Cross-browser compatible
- Binds the script’s wheel event within a specific div (via div ID).
- Includes debounce function to ensure the next/prev slide trigger is fired only once per scroll event.

Scroll Slider Utility

Change Slide On Scroll Utility

Rebuild of https://us.cowboy.com/products/e-bike-cowboy-4

This cloneable is for learning purposes only. I do not own the rights to this design and content.

GSAP ScrollTrigger CMS Scroll

This scroll animation was made with a GSAP scroll trigger based on a tutorial by Timothy Ricks. I then implemented it to match the design for a recent project. Happy cloning!


Check out the livestream where I built this:https://www.youtube.com/watch?v=b0kP8A4VHhg

Original website: https://www.callistarosebay.com.au/

Webflow party - scroll animation

GSAP Scroll animation

Nube

A story-based horizontal scroll animation with GSAP Scroll trigger as part of the daily GSAP challenge.

✦

Need help with your next Webflow project?
Visit https://www.wearenube.xyz/
Or let's talk at https://book.morgen.so/stefan04/meet

nf-daily-02

GSAP Scroll trigger animation / GSAP daily 02/50

This clonable was created to make life easier for those who want to use 3D in their WebFlow projects but don't have time to learn Threejs in depth.

It uses a library called "Webgi" by Pixotronics, which makes the result very realistic with just a few steps. Everything you need to know to adapt this page and change the 3D model is shown in this video: https://youtube.com/watch?v=mpTZbJPYZas.

- 3D background using Webgi + GSAP ScrollTrigger
- All other interactions done natively with Webflow
- Smooth scroll using Lenis (https://lenis.studiofreight.com)

Done by Anderson Mancini (https://twitter.com/Andersonmancini) and Diego Toda de Oliveira (https://twitter.com/dieg0liv).

Check Webgi documentation here: https://webgi.xyz/

Feel free to clone, adapt, make it yours!

JIOTTO WEBGI WEBFLOW

Jiotto - Webgi and Three.js + Scrolltrigger

Let's use GSAP ScrollTrigger and MotionPath to create a cool "scrollytelling" adventure!

Discover scroll trigger websites built by the Webflow community

Discover scroll trigger websites built by the Webflow community