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

In this example, I create CMS Slider with Webflow and WeBlocks. Video tutorial available here: https://www.youtube.com/watch?v=c1RwuIxxcUk

CMS Slider

After seeing @Maximosaurus create a CMS slider in Webflow with no code, I decided to attempt taking it a few steps further using custom code. I'm not a developer so cobbled together the code best I could. Some cleanup might be needed!

It is dynamic, adding and removing slides automatically as Collection Items are added and removed. Styles can easily be updated in the editor without having to touch any code, with all item states shown in the CMS for easy editing (the code replaces them in the live version). The design includes arrows that respond based on first/last slide (in this case showing a different style when the ends are reached, or can set opacity to zero), and the nav bubbles function with the capability of including slide numbers. No looping or swipe support yet, but hope to add soon! 

Download the reference image on slide one for a breakdown of how to re-create this in a new document, and get the custom code on slide two.

Enjoy! I welcome feedback and improvements!

Custom CMS Slider

CMS Menu Slider Cloneable: We built this CMS menu slider for food related items, but this slider can be used for just about any slider showcase! Slides are dynamic and are automatically created as collection items are added/removed. Adapted from a studio project.

Follow me for more cloneables in the future:

https://webflow.com/kaelabwilliams
www.btb-studio.com

CMS Menu Slider

Cloneable CMS Menu Slider

ViDesigns

A rebuild of Nifty Pixel (https://www.niftypixels.io/). 

Completely built on Webflow with a bit of code.

The pixel art drawing page is based on one of Timothy Rick's cloneable.

Feel free to reach out if you need help or have any questions: hello@videsigns.uk

*The copyright goes to the original creator of the work & Nifty Pixels :)

Discover slider cms websites built by the Webflow community

Discover slider cms websites built by the Webflow community