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

Hello everyone!

The Agency - Is a free clonable website made for any marketing or design agency.

This is my first webflow project in which I tried to implement animations and certain features found on the websites of the most powerful agencies in the world.

Inspirations: curberto.com | fleava.com
       
Fonts used: Neuzeitgrolig | Warning | Graphic

Fell free to use this template in any of your projects!

Much more will come!

I hope you like it! :)

-> Facebook - https://www.facebook.com/sivadvertising
-> Instagram - https://www.instagram.com/sivmedia/
-> Website - https://www.sivmedia.com/

Demo1

The Agency - Cloneable Template

T.RICKS Locomotive Smooth Scroll in Webflow including position fixed, sticky, and CSS interactions. Watch the full tutorial at https://www.youtube.com/watch?v=D-vYtfcz0NI

T.RICKS Locomotive Smooth Scroll JS

T.RICKS Locomotive Smooth Scroll

Project by Jesper Landberg at https://codepen.io/ReGGae/pen/eYGyLrP

(It doesn't look like this project was built to work on touch devices)

Infinite Grid (All Directions)

Infinite Draggable / Scrollable Grid

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 demo showcases a grid of images that move left to right on scroll. Smooth scrolling has also been added via the luxy.js script.

Inspired by this Codrops demo: https://tympanus.net/Development/TileScroll/

WebDev for You - Interaction #150

WebDev For You - Interaction #150

Site code and tutorial from https://tympanus.net/codrops/2022/05/31/scroll-animation-ideas-for-image-grids/

https://twitter.com/Skylartkitchen

Made with GSAP and Scrolltrigger

Scroll Animation for Image Grids

scroll-animation-image-grid

Trying and testing.
--
Clone and have fun!

Smooth scrollbar and smooth scrolling

Smooth scrollbar/smooth scrolling

I wanted to explore more of what you can do with scroll-based animations and page transitions and ended up creating this cool template based on some albums from the 90's-2000's that forged my taste for music!

Some of the things you will find on this template:

- Anchor links properly scrolling to each album
- Integration with CMS (each album and song is a CMS collection item)
- Usage of color palettes based on CMS items
- Smooth page load and page transitions
- bits of CSS / JS to achieve what you can't do with native Webflow
- Cool rock songs

Feel free to clone it, explore it, bend it to your will, and create cool stuff!

Roulete

Roulete - Free Webflow template

Have you ever wanted to make a scrolling list like on Nextflix, Hulu or the App Store? It's super easy with a couple lines of Webkit custom code. It's always smooth on desktop but without the code it's not smooth on mobile, but this'll fix that. I like to use it on tabs and to display CMS content. It's another step towards making an app with webflow.

Check out my app template too. It used this and many other cool things!
https://webflow.com/website/Minim-App-Template

UPDATE v2
- Ditched the nasty Netflix Styles
- Added a CMS Collection
- Added an unbounded CMS collection for easy copy-pasta.

STEPS:
1. Copy the HTML Block called " Copy This HTML"
2. Copy the Scrolling List you need. (CMS or not)

Smooth Horizontal Scrolling For Mobile

horizontal-webkit-scroll-minim

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

Role: development
Date: Jul 2019
Design by Orlando Sanchez Lugo ( behance.net/osanchez )

Url: https://www.sensitiveanimals.com

Info:

Website for the presentation of e-book by designer and photographer Orlando Sanchez Lugo. His book is a photographic narrative through Casablanca, Rabat, Fes, Marrakech and Essaouira Morocco.

Sensitive Animals

Role: development
Date: Oct 2019
Design by Orlando Sanchez Lugo ( behance.net/osanchez )

Info:

Website for Xaze Labs agency. This agency provides design and development services for various online businesses.

Xaze Labs

Hii Guys, This was just a test project with the em unit system, maybe I will finish it soon!

Hire Me- hello.flowchef@gmail.com
Thanks

Cute Pet

CutePet | Webflow Website made with Ems unit System

This is OpenTrack's Website.
Design Credits- Tayler Odea ( BrandWeld )
Thanks for the beautiful design work.
Complete Development- Harshit Agrawal ( myself ).

Main Features-
1. Parallax Animations
2. Hover Effects and Interactions
3. Different Scroll Animations
4. Expandable FAQ Cards

Feel  free to pinch for your  awesome project me at kingfactory1234@gmail.com

Opentrack

OpenTrack | Made in Webflow

OceanSafe is a textile technology company for circular, biodegradable, and toxin-free textiles. The core of their solutions is proprietary biodegradable synthetic textile fibers and yarns.

You can find the live page here: https://oceansafe.co

OceanSafe

OceanSafe Textiles

An independently owned practice providing financial planning to high-net worth individuals.

Discover smoothscrolling websites built by the Webflow community

Discover smoothscrolling websites built by the Webflow community