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

Simple transition shows a two word headline over a background video element. 

As the user scrolls down the page, the full screen video is revealed and the title fades away. Keep scrolling for a smooth transition right back to white as the video opacity fades out to reveal the next section below.

Video reveal transition

Background Video Reveal

This is Amazing horizontal scroll feature that i built for Dexai Robotics Website . 
Thanks Dexai Robotics for giving me the Opportunity.

You can clone this part to make it yours :)
if you want to increase or decrease number of points for the section you may need to tweak animations settings a little and if you face any issue , feel free to contact me !


WHAT ELSE DO YOU WANT TO SEE AS CLONABLE ?

Horizontal Scroll

horizontal-scroll-dexai

This project will show you how to simply hide your navbar when scrolling down on a page and revealing it again while scrolling upward. You can see the scroll upward interaction uses a slight offset so it's not triggered without intention or by accident. 

You are welcome to clone this project and use it. It's a simple interaction but in my opinion a very useful one and feels a bit more high end. Great for having navigation on your website when you need it yet without it getting in the way.

Hide/Reveal Nav On Scroll

Sun Circle Animation Webflow Cloneable inspired by https://isantorsula.work/

This project is only for learning, inspiration and help purpose!

Sun Circle Animation - Cloneable

Sun Circle Animation- Cloneable

A circle scroll progress indicator built entirely in Webflow interactions. No code required! Clone away, hopefully it can be useful to you!

Quick video about the thought process and layout here:

https://youtu.be/kxwkK6juP4E

Circle Progress Indicator

circle-progress-indicator

Jin Chuah

This is not a Lottie animation. Made with "While page is scrolling" trigger to animate the falling leaf. The leaf sits on an invisible circular track that rotates and guide the direction of the leaf.

Falling Leaf Scroll Interaction

Falling leaf scroll interaction

Ali Saeed

The website uses a custom code snippet and ID links to smoothly scroll to anchor links on another page. 

Try it out :)

Discover pagescroll websites built by the Webflow community

Discover pagescroll websites built by the Webflow community