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

Design by https://mubien.com/

This cloneable is for learning purposes only. I do not own the rights to this design and content.

CMS Portfolio Scroll

Scroll into view and hover interaction built with two collection lists and jQuery

CMS Scroll

This is a CMS based horizontal scroll animation, built only with Webflow native interactions and without any custom code. 

The main idea is to use a second collection list to make the length of the "scroll-trigger" wrapper always proportional to the width of the "horizontal-strip" (which is based on the first collection list).

That way there is nothing to adjust or change in the designer when the number of collection items changes, and the animation will always keeps a consistent speed and smooth feeling.

For more details, please check out the instructions here :

Video Instructions : 
https://youtu.be/I9hR52PGE0g

Written Instructions :
https://www.pierredemontalte.com/cloneables/cms-horizontal-scroll


Hope this helps you get started faster !

Native CMS Horizontal Scroll

I've been working on a dynamic, horizontal scrolling portfolio for video content with project details. I have decided to share it with you lovely people! 

The project uses mousewheel.js and youtube embeds. It's also fully responsive!

Video Portfolio

CMS, Responsive, Horizontal Scrolling Video Portfolio

Hey! 👋

Here's a free cloneable agency landing page!
Simply clone this project to your account and edit it as you need!

⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃

⦿ Website @ www.abdul-qader.com
⦿ Webflow @ www.webflow.com/abdulqaderr
⦿ Linkedin @ www.linkedin.com/in/abdulqaderr
⦿ Twitter @ www.twitter.com/abdull_qaderr

LightIn - Agency Landing Page Website

Agency Landing Page Website | CMS, Animation, Horizontal Scroll, Webflow Agency Cloneable

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

This is a partial clone of the MVP assembly line site (https://fulcrum.rocks/mvp-development)

I create it to practice and showcase my skill to getting hired on Upwork (https://www.upwork.com/freelancers/~01993b9a585a347664?s=1110580755057594368)

Clone of MVP Assembly Line

On-scroll | move away from mouse animation | CMS accordion

Here is an example layout to create a scrollable, CMS Menu list of collection items setup as individual sections.  

A little custom code allows for dynamic smooth scrolling to a cms item linked on the same page, similar to regular section scrolling.  

Webflow supports using Custom Code either in the Head/Body or via the Custom Code Embed widget.  It is also possible to use Collection Fields in custom code embeds, making code embeds dynamic.

A really good source of info on using different third party integrations is on the Webflow Integrations page.

Webflow does not provide direct help with third party tools/integrations from our support desk, however there is help for integrations on our code help pages in the community at https://forum.webflow.com.

Smooth Scroll CMS Menu

CMS cards with skew/rotating effect as you scroll through.

All images are from unsplash.