Webflow Carousels & Sliders

Slider w/ Seamless URL Changes

No items found.
Overview
How to create a CMS-powered slider
Customizing Webflow's Slider
102
Slider w/ Seamless URL Changes
104
3rd Party Carousels
splide.js
202
swiper.js
203
No items found.

One popular UX design is a slider which showcases featured items, and offers the ability to see and bookmark the current item for easy return.

Often this is implemented as;

  • A CMS Collection containing the items you want
  • A slider, with auto-navigation, that displays the content
  • URLs that change with each slide
  • A setup that allows those URLs to take you back to the exact current view
This is actually relatively easy to do with Webflow's CMS pages, swiper JS, and a small bit of custom code.

Notes

Table of Contents
Did we just make your life better?
Passion drives our long hours and late nights supporting the Webflow community. Click the button to show your love.