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

Wanted to play around with the new interaction types in IX2, and as always got a little carried away. All the design credit goes to M S Brar's "Capture Moments" (https://dribbble.com/shots/6291284-Capture-Moments), which I tasked myself with building as reference. Really happy with how it came out.

Peep the microinteractions on the menu button and the funky scroll indicator (which changes to reflect the device type you're on 😍).

Lemme know what you think in the comments!

Capture Moments - M S Brar - Dribbble Series

NEW Slider Interactions! - Dribbble Series Ft. M S Brar

Smooth Back To Top Button With Scroll Progress Indicator
▬▬▬▬▬
➊ Website @ www.fouroom.co
➋ Templates @ https://webflow.com/templates/designers/fouroom
➌ Twitter @ www.twitter.com/foouroomdotco
➍ Instagram @ www.instagram.com/fouroom.co
➎ Dribbble @ www.dribbble.com/fouroom
▬▬▬▬▬
Please ❤ this if you like it!

Back to top with progress indicator

Check out the left side of the page to see an animated scroll indicator with adjustable gradients. You can adjust the width of the parent container, flip it to the right side of the page, change gradient colors or modify the speed and timing of the animation with ease natively inside of Webflow. 

Delete the div titled "Delete this" to get rid of all the fluff, and then drop your new scroll indicator on your next project. 

Enjoy!

Discover scrollindicator websites built by the Webflow community

Discover scrollindicator websites built by the Webflow community