Easy Webflow CMS Slider with SplideJS: Step by Step Tutorial

Hi, I'm Yar and I'm back to you today with another Webflow tutorial where we build a CMS slider using the Splide JS library.
Link to library: splidejs.com/
This step-by-step guide is perfect for both beginners and seasoned designers looking to up their sliders game. 🚀
Plus, gain exclusive access to a cloneable version of the project featured in the video to jumpstart your own creations.
webflow.partne...
Don't forget to visit my website for more insights and resources, and sign up for the newsletter to stay updated on the latest tips and tricks.
🔗🔗 yar.website 🔗🔗
Video Chapters
00:26 - Building the layout
02:58 - Setting up SplideJs
03:58 - Splide Markup Structure
05:37 - Adding Option to Splide Slider
09:42 - Free Drag option

[@grantsenior3291]

Great! This is quite a cool solution for collection managed sliders. Have you tried using it for multiple sliders on a page?

[@yaroshidi]

Thank you for your comment. Yes to add multiple sliders on a page you will need to call another swiper function but with a different var name, like swiper2 or so.

[@grantsenior3291]

@@yaroshidi Thanks!

[@Kebbab.213]

Easiest and straighest SplideJS tutorial. Merci beaucoup

[@yaroshidi]

Thanks! I am glad you enjoyed it. Stay tuned for more

[@MunaYaro]

This video is amazing! I'll definitely watch it again! Thanks for sharing Yar 🌟

[@yaroshidi]

Thank you Mouna! Stay tuned for more