Webflow Carousels & Sliders

Slider w/ Seamless URL Changes

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.
Published
December 19, 2023
Updated
December 19, 2023
in lightbox

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

Videos
No items found.
Table of Contents
Comments
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.