Looping Splide.js CMS slider

1
0
2
1

Create a dynamic CMS slider with Splide.js using this Webflow cloneable by Peter Dimitrov. Featuring infinite looping and customizable options like text descriptions and navigation buttons. Perfect for showcasing team members or other content.

js library

About cloneable

This Webflow cloneable by Peter Dimitrov allows users to create a customizable CMS slider using Splide.js. With features like infinite looping, navigation buttons, and text descriptions that fade in and out, users can create a dynamic and engaging slider for showcasing team members or other content. By utilizing Webflow's CMS collections, this slider is easily expandable and future-proof. Customization options such as slide perPage, focus, arrows, and more make it versatile for different design needs. This cloneable offers a seamless integration of JavaScript and CSS to enhance the user experience and create a visually appealing slider on any website.

The code snippet initializes two separate sliders using the Splide.js library on elements with the class "splide--team" and "splide--founders". The sliders are configured with different settings such as the number of slides to display per page, transition effects, breakpoints for different screen sizes, and other customization options.

About custom code

The code snippet initializes two separate sliders using the Splide.js library on elements with the class "splide--team" and "splide--founders". The sliders are configured with different settings such as the number of slides to display per page, transition effects, breakpoints for different screen sizes, and other customization options.

similar cloneables
New
True Audio Player Webflow cloneable
Create a music website with ease using this True Audio Player Webflow cloneable. Effortlessly customize a global player, single and multi-track players with Webflow CMS integration. Ideal for music enthusiasts and creators.
New
Stacked Hero Slider Webflow cloneable
Create a captivating stacked slider with this CMS-powered Webflow cloneable. Enhance user engagement with a unique stacking effect and dynamic content. Perfect for a visually stunning hero section!
New
CSS grid blog teaser hover effect Webflow cloneable
Discover a unique CSS grid blog teaser hover effect Webflow cloneable with CMS integration, minimal design, and fluid scaling. Enhance your website with this tutorial on creating a captivating hover effect for your grid layout.
New
Looping Swiper.js Carousel Slider Webflow cloneable
Create a responsive Swiper.js carousel slider with navigation arrows, keyboard, and mousewheel control using this Webflow cloneable. Customizable features include swipe speed, full-screen layout, centered slides, and pagination. Optimize your website's user experience with this easy-to-use template.
New
3D Scroll Parallax effect Webflow cloneable
Discover an engaging 3D scroll effect Webflow cloneable by Kevin Haag. Elevate user experience with unique Snapping 3D Slide Transitions, dynamic card rotations, opacity changes, and more. Enhance website navigation with stunning visual effects.
New
Mouse Interactive Slider Webflow cloneable
Enhance user experience with Mouse Interactive Slider Webflow cloneable. This interactive slider adapts to mouse movements, offers unique effects, and improves engagement. Easily create visually appealing sliders without coding skills. Perfect for elevating your website's design.
New
Snap Scroll Webflow cloneable
Elevate your Webflow design with a Snap Scroll Webflow cloneable by Neue World. This CSS solution offers smooth vertical scrolling with snap points for seamless transitions between sections. Customize scrolling behavior and duration for a modern user experience.
New
Lenis Smooth Scrolling Webflow cloneable
Enhance your website's scrolling experience with this Lenis smooth scroll Webflow cloneable. Easily customize smooth scrolling behavior and manage scrolling for modals and unique div setups. Ideal for improving user interaction and adding body scroll blocking features.
similar cloneables