Looping Splide.js CMS slider

4
0
10
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.

About CSS
About Javascript
similar cloneables
New
Sticky Scrolling Features section Webflow cloneable
Enhance user interaction with a stylish Features section Webflow cloneable by Dhruv Sachdev. Crafted for modern websites, this cloneable offers a clean layout, engaging animations, and seamless functionality. Elevate your site's user experience and captivate visitors with this customizable and performance-optimized design.
New
Autoplay Slick.js Slider Webflow cloneable
Create an Engaging Slider with this Webflow cloneable by BuildBites. Customize effortlessly with responsive design, smooth transitions, and keyboard navigation for an immersive user experience. Perfect for presentations, websites, marketing, and more.
New
MacBook frame scrollable image Webflow cloneable
Elevate your site's design with this MacBook frame scrollable image Webflow cloneable. Crafted for digital creatives to showcase visual content seamlessly across devices. Easy integration for a modern, interactive website experience.
New
Webflow UI Kit v.02 cloneable
Streamline your Webflow design process with the versatile Webflow Interface Kit v.02 cloneable by Flowbase. Access a range of premade UI elements, CSS animations, and JavaScript snippets to enhance workflow efficiency and create visually appealing layouts effortlessly. Ideal for designers looking to elevate their projects with ease.
New
Hatch UI Framework Webflow cloneable
Enhance your Webflow projects with Hatch utility framework - a customizable tool with 2,200+ utility classes for swift web development. Easily manage design elements, responsiveness, and color schemes. Streamline your workflow and achieve a professional look with this Webflow cloneable.
New
Premade Interaction Elements Webflow cloneable
Enhance your projects with this Interactive form elements Webflow cloneable by Joseph Berry. Elevate user experience with engaging button styles and dynamic input feedback. Boost engagement and responsiveness without extensive coding.
New
Multi-step form Webflow cloneable
Enhance user interaction with this Multi-step form Webflow cloneable. Streamline information gathering with a step counter, custom confirmation animation, and visually appealing checkboxes. Improve data collection efficiency and design consistency for higher engagement and conversion rates on your Webflow site.
New
CSS Horizontal scrolling marquee Webflow cloneable
Elevate your website with this Horizontal Scrolling Marquee Webflow cloneable by Josh Jacobs. Effortlessly add engaging continuous marquee effects to showcase important content without JavaScript. Customize scrolling speed for a tailored experience. Perfect for Webflow users seeking to boost engagement and visual appeal.
similar cloneables