CMS Carousel Sliders in Webflow (2021 Complete Guide Splide)
BUG FIX UPDATE: Splide released a big update recently that seems to have broken older versions of the slider. To update to the latest version, please use the code in Notion below.
Get the cloneable for this project (affiliate link)
https://webflow.grsm.io/splide-slider
In this tutorial, we'll create a fully customizable, responsive set of CMS carousel sliders. Custom sliders are usually the dreaded part of any project. After trying many of them, I fell in love with the way Splide works. This will be my go-to for future projects, and I hope it helps others too.
00:58 - Setting up basic structure
04:00 - Customizing arrows and pagination
09:10 - Setting up second slider
10:52 - Styling sliders differently
12:50 - Creating active slide animations
16:42 - Making the sliders responsive
19:26 - Adjusting splide responsiveness settings
21:52 - Advanced splide options
Get the code for this project at https://timothyricks.notion.site/Caro...
Join my Webflow Wizards Community
/ timothyricks
Try Webflow using my affiliate link below.
https://webflow.grsm.io/4840096