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

Refokus

How do you create custom sliders in Webflow?

Use Refokus Slider Generator to create custom sliders with static elements or CMS collection lists. This tool is powered by SlickJS, allowing you to use all of this slider flexibility without writing a line of code.

Refokus Slider Generator

Slick Slider Generator (by Refokus)

ThreeSixtyEight

Watch the tutorial at https://www.youtube.com/watch?v=AG_REG9p61E

CMS Draggable Slider

CMS Draggable Slider Tutorial

A slider showing multiple slides
-
Sabanna method > https://forum.webflow.com/t/unique-slider-layout/24011
-
The project was made to help a forum question > https://forum.webflow.com/t/help-slider-issue/75867
-
Needs work for mobile breakpoints

Multiple Slides

WeBlocks Use Case for creating Budget Calculator for Webflow project.

Yotube Tutorial
https://www.youtube.com/watch?v=t4OApV2L5A8

WeBlokcs
https://www.weblocs.io/

Cloneable Blocks
https://www.dropbox.com/s/l4bunom2imyqin4/budget-calculator.xml?dl=1

Woldie Template:
https://webflow.com/templates/html/woldie-agency-website-template

Budget Calculator

Continuous Collection Slider - starts on second panel - mobile friendly

Loop Carousel

Collection Carousel

This native slider uses the CMS data and thanks to the fantastic Finsweet library (link below) it is possible to have greater management, even of animations. For more information on how to use it, see their documentation.

The stars are generated with a simple custom code based on the rating in the CMS.

To make the vertical label fit (taken from the CMS) I used Fitty (link below)

https://cmsdocs.webflow.io/slider
https://github.com/rikschennink/fitty

👋

Finsweet CMS Slider

This site shows how to connect a CMS multi image field to a slider using custom code.

CMS Slider Demo

CMS Multi-Image Slider Demo

Timothy Ricks has tutorial pn this, check it out in the project. I can't get the background videos to show, but it drags and the arrow buttons work.

I also added the ability to slide through with your trackpad and made it smooth on mobile, so you can slide, drag and click this slider. Theres a little webkit code that hides the scrollbar too.

Dragable CMS Slider

Draggable CMS Slider

Hover to slide on desktop and on mobile you swipe. It's perty neat.

FOR QUICK COPY PASTE
Check out the unbound collection at the bottom.

CMS Hover Slider

CMS Slider with some interactions for Gigloop app :)

Gigloop Tours

gigloop-tours

Using Webflow CMS and Cyclejs to make a dynamic custom sliders.
Examples of
Custom Slider w/ arrows
Custom Slider w/ automatic pager images
Custom Slider w/ Thumbnail Pager
Custom Slider w/ default pager
Custom Bandcamp Embed Slider w/ Album Pager
Custom Video Pager

cms-slider-and-cycle2js

Hi all,

Here is a cms slider i have made for you guys. It is not a solution that is using pagination to make it a slider. It is a pure slider.

Hope this is helpfull for you all.
Make sure to clone it.

Testimonial CMS slider

Slider_

sliderslider

An eCommerce platform for Sydney-based silk fashion label 'It's Milky'. Featuring full-page slider home page and CMS filtering. *Pre-launch

Discover cms slider websites built by the Webflow community

Discover cms slider websites built by the Webflow community