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

Joseph Berry

Winner of SOTD, DEV Award, Honours and Mobile Excellence on AWWWARDS
WOTD, BEST UX,UI and Innovation on CSS Design Awards.

Mike has animated for films such as Lord of the Rings, Harry Potter, Iron Man, Underworld and Fast & Furious. We worked together to create an immersive story telling website which works hand in hand with his lifetimes work. 

https://www.mikelmurphy.com/

Enjoy

Mike L. Murphy

Francesco Castronuovo

Hi my gorgeous friends of Webflow,

This project contains a 3D card animation on scroll - built with absolutely no code - that you could use to show testimonial or process cards on your websites.

Copy and illustrations belong to Flux Academy (https://www.flux-academy.com/), an awesome place if you want to learn the art and business of Web Design! :)

Enjoy and feel free to leave a comment!

P.S. Feel free to visit my YouTube channel:
https://www.youtube.com/@francescocastronuovo

3D Testimonial or Process Card Animation on Scroll

Mayra Mendonca

Landing Page design for Desktop Vision 
It is designed to be simplest and easiest remote desktop software to use. It also supports WebXR which allows you to project your desktop into augmented or virtual reality.

Full website: desktop.vision

Desktop.vision

Hi my gorgeous friends of Webflow,

This project is a complete Desktop rebuild of Webflow website home page.

Needless to say, Webflow home page is a huge example of how to implement mega menus, scrolling interactions, custom tabs components, infinite marquees that stops on hover, greatly customized sliders, awesome design, and much more.

Enjoy and feel free to leave a comment! :)

Have an awesome Webflow journey y'all,
Francesco

P.S. Feel free to visit my YouTube channel:
https://www.youtube.com/@francescocastronuovo

Webflow Home Page Rebuild

También

Multiple sticky section while scrolling in the view

Snack N°5 : Multiple Sticky

Anil Pervaiz

Alternate Column Scrolling in webflow inspired by: https://tympanus.net/Development/ColumnScroll/

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

Clone and enjoy!

Alternate Column Scroll Webflow - Cloneable

Paper Tiger

Paper Tiger's redesign of the Resonant Link website was a project that allowed us to showcase the brand's innovative wireless power solutions. Using Webflow, we created a dynamic, user-friendly platform that makes complex technology accessible and understandable. The redesign emphasizes Resonant Link's diverse applications and unique approach to wireless power, creating a digital presence that's as innovative and forward-thinking as the brand itself.

Resonant Link

Vimalan Vijayasekaran

Rebuild of the Dbrand's (dbrand.com) homepage using only Webflow interactions.

[Cloneable] Dbrand Homepage

Kaspar Rebmann

scroll-to-fullscreen

Cédric Moore

Today's freebie is a cool background typography effect that appears on scroll. 

Hope you guys like it! 
Feel free to clone this and use it in your next project! 😃

Interactive Background Typography on Scroll

RSA Creative Studio

Hello there!
Welcome to Tab Scroll Animation!!
This is a Scroll animation which animates and mimic the functionality of changing tabs on scroll. In this example you'll experience seamless browsing with our tab scroll animation. Effortlessly glide through content as tabs elegantly transition between, enhancing your user experience like never before.

Whether you are a startup looking to establish your online presence or an established business seeking a fresh approach, we are here to assist you. Don't hesitate to get in touch. Let's collaborate and create something remarkable together.

Regards,
RSA CreativeStudio
hello@rsacreativestudio.com

Tab Scroll Animation

Bradley Stallcup

Here's a couple items I like to use on a lot of websites. They're nice little finishing touches.

• Custom cursor
• Scrolling Progress Bar

Minim Add On Pack 1

Studio Zakmes

Feel like your promotional images are not reflecting the quality of your escape room?

We are here to help. We turn your escape room promotion into something that you can be proud of and reflects the greatness of your room. And not the least, will help you sell more tickets ;)

Escape Room Photography

Ozge Keles

Design+Peace non-profit organization website

Design+Peace

Matthis Garnier

Freebie for my Webflow friends. 
This section is perfect to display screenshots of your client projects on your portfolio or to show some features items sticky on scroll. 

Clone and have fun 💙

→ No link with Flow Party, educational purpose only.

🔗 See more inspiring sites on : https://lapa.ninja
🔗 Twitter : https://twitter.com/matthisgarnr

 [Cloneable] - ⚓️ Sticky portfolio projects section

Hello there!
Welcome to Infinite Marquee and Page Scroll Animations!

Elevate your Webflow design with captivating infinite marquee animations, adding dynamic visual movement to your website. Enhance user engagement further with smooth page scroll animations, creating an immersive browsing experience.

Whether you are a startup looking to establish your online presence or an established business seeking a fresh approach, we are here to assist you. Don't hesitate to get in touch. Let's collaborate and create something remarkable together.

Regards,
RSA CreativeStudio
hello@rsacreativestudio.com

Marquees and Page Scroll Animations

Hi my gorgeous friends of Webflow,

This project contains a fancy scrolling animation to showcase your works.

Enjoy and feel free to leave a comment!

P.S. Feel free to visit my YouTube channel:
https://www.youtube.com/@francescocastronuovo

CMS Case Study Gallery On Scroll

Antoine Giry

Hi guys, this is my product designer protfolio project.

I wanted to try some webflow animations effect and layout.

Discover scrollinganimations websites built by the Webflow community

Discover scrollinganimations websites built by the Webflow community