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

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 Murphy

Mike L. Murphy

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

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

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

3D Testimonial or Process Card Animation on Scroll

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

Alternate Column Scroll Webflow - Cloneable

Paper Tiger

A fresh burst of energy for the new evolution of wireless charging

The future of wireless charging needed a futuristic website, and that’s what we specialize in. We collaborated with Resonant Link on a top-to-bottom website redesign, from content, to design, to development.

Resonant Link [Showcase]

Resonant Link

También

Multiple sticky section while scrolling in the view

Snack N°5 : Multiple Sticky

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

Dbrand Rebuild

[Cloneable] Dbrand Homepage

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

Interactive Background Typography on Scroll

Scroll to Fullscreen

scroll-to-fullscreen

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 Ons

Minim Add On Pack 1

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 ;)

Zakmes.Studio

Escape Room Photography

Design+Peace non-profit organization website

Design + Peace

Design+Peace

Hi guys, this is my product designer protfolio project.

I wanted to try some webflow animations effect and layout.

Antoine Giry — Product Designer

Product Designer Portfolio

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

Had the pleasure to work with Flooz on their new Flooz.Link website. I only worked on the Webflow development, the design and everything else was created by their team.

Check out their live website and updated website: flooz.link

---

• Do you need web design & development? Get in touch 👉 bjorn-encutescu.webflow.io/

• Follow my daily tips on Instagram 👉instagram.com/bjorn_encutescu/

Flooz Link (our copy)

Flooz.link

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

Matthis - Showcase sticky scroll

 [Cloneable] - ⚓️ Sticky portfolio projects section

I created this effect to help someone out, and I thought I'd make it cloneable in case anyone else wants to use it! I also decided to spice it up a little with some more Animations & sections :)

Discover scrollinganimations websites built by the Webflow community

Discover scrollinganimations websites built by the Webflow community