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

Designflow.agency

This is our 1st cloneable design! 🎉🚀 Use it for free and do whatever you want with it. 

Check it out: https://parallax-effect-animation.webflow.io/. 
Parallax effect animations can be a simple way to enhance your site experience through delightful interactions.

This template is made with: 
✔️ Pexels Images 
✔️ Unsplash Images 

Follow me for more Webflow freebies in the future 💙


Parallax Effect

Parallax Effect Animation — Cloneable # 1

This is our 2nd cloneable design! 🎉🚀 Use it for free and do whatever you want with it. 

Check it out: https://overlay-images-navigation.webflow.io/.
Overlay images animations can be a simple way to enhance your site experience through delightful interactions.

This template is made with: 
✔️ CMS Images 

Follow me for more Webflow freebies in the future 💙

Overlay Images Navigation

Overlay Images Navigation — Cloneable # 2

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

Bookmark

Inspired by Emdash for Vergia 

------------------------------------------------------------- 
Work at a design firm looking for a Webflow dev team for your next brand project? Let’s chat

🔷 https://calendly.com/bookmark-wf/webflow-chat

 -------------------------------------------------------------

006 - 100 Days of Webflow Interactions

A simple demonstration of vertical scroll interaction to change opacity and image.

Vertical Scroll Change Image

vertical-scroll-change-image

Vertical Text Infinite Scroll Animation inspired by Brave New Lit Website.

Reference Link: https://www.bravenewlit.xyz/

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

Vertical Text Infinite Scroll Animation

Infinite marquee animation is a classic web design feature that adds an element of movement and dynamism to any website. At Figmatic Bangalore, we've created a stunning showcase for this effect using Webflow, a powerful and intuitive website design platform.

In essence, an infinite marquee animation is a scrolling effect that moves text or images continuously across the screen. It's a simple but effective way to catch the user's attention and create a visually engaging experience. To create this effect, we used Webflow's animation and interaction features to make the marquee loop seamless.

At Figmatic, we're excited to showcase the power and flexibility of Webflow for creating engaging and dynamic web designs. With its intuitive interface, rich features, and powerful animation tools, Webflow is a great platform for designers and developers looking to create stunning websites that stand out from the crowd.

infinte marquee animation

Infinte Marquee Animation

Simple unstyled sticky components that fade in and out on scroll.

CCD-cloneable

Simple vertical scroll with sticky elements.

Blossom Portfolio

Works amazingly in mobile as well. 

087 - 100 days of @webflow interactions

#87 Portfolio Blossom

#87 Blossom Portfolio

3D Spiral Portfolio

No #webgl, no third party libraries, no custom code. As usual, 100% #webflow native. Inspired by @cydstumpel

090 - 100 days of @webflow interactions

#90 3D Spiral Portfolio

Caleco Films uses video assets to deliver better customer experiences for product based companies

CalecoFilms

Caleco Films

Depth of Field on Scroll

And to celebrate my birthday, here is a nice way of showcasing your work with this immersive interaction. Only 6 more to complete this challenge!

094 - 100 days of @webflow interactions

#94 Depth of Field on Scroll

Layered Slides

Inspired by @Holographikco

084 - 100 days of @webflow interactions

#84 Sticky Ladder

#84 Layered Slides

An Eye-catching Way to Display Your Images.

Photo scrolling animation is a modern trend that is being used widely by designers all around the world. It is a technique that uses parallax effects to create depth and visual interest. When you scroll down the page, the images on your website move at a different speed, creating an illusion of 3D space.



Photo Scroll

Photo Scrolling Animation

This is a project i created together with Marco Koenig as a student project for university in cooperation with an local upcoming museum.

The subject we decided to work on is called "From sapling to furniture".
This story has probably been told hundrets of times, so we thought about a way of bringing some fresh air to this story.

We came up with an special controller to interact with the corresponding webstory. This controller consists of an wooden log, which scrolls the page by turning and brings the texture and haptic of the material we talk about on the screen close to the user.

interactiveSprout

interactive Sprout

Scroll IX generated by AI

This one took a little while to communicate with #chatGPT

066 - 100 days of @webflow interactions

#66 Scroll IX generated by AI

Full Portfolio Image on Scroll

Inspired by @_powellben

096 - 100 days of @webflow interactions

Discover verticalscroll websites built by the Webflow community

Discover verticalscroll websites built by the Webflow community