Looping Splide.js CMS slider

4
0
18
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
Embed badge
similar cloneables
New
Parallax slider Flickity Webflow cloneable
Enhance your Webflow project with a parallax slider using Flickity. This cloneable offers a smooth, interactive carousel for showcasing projects or portfolios. Enjoy responsive design, customizable CSS, and cross-browser compatibility for a captivating user experience.
New
Large CMS MixItUp.js Webflow cloneable
Discover the Avengr glossary Webflow cloneable for efficient content management and display. Sort and filter over 1400 definitions seamlessly with intuitive options and real-time search. Enhance user experience with custom CSS, pagination, and dynamic filtering for a neat, interactive glossary.
New
Circular Magnetic Button CTA Webflow cloneable
Enhance user engagement with a circular magnetic CTA Webflow cloneable by Dhruv Sachdev. Featuring Circletype.js for dynamic circular text and FitText.js for responsive scaling. Elevate UX with interactive elements and responsive design for an engaging website experience.
New
Event Calendar CMS Webflow cloneable
Discover a free Event Calendar Webflow cloneable with custom CSS and FullCalendar.js integration. Manage events seamlessly through Webflow CMS, with responsive layouts and event color variations for a visually appealing display. Enhance user interaction with hover effects and structured event data. Elevate your website's functionality and design with this easy-to-use tool.
New
Interactive Drag-and-Drop Webflow cloneable
Create captivating web experiences with this interactive drag-and-drop Webflow cloneable. Designed for usability, it integrates custom CSS and JavaScript for smooth interactions, ideal for educational platforms or quizzes. Gain a competitive edge with responsive design and dynamic visual feedback.
New
Geometric Pattern Generator Webflow cloneable
Elevate your web aesthetics with the Geometric Pattern Generator Webflow cloneable. Create dynamic and visually striking patterns for your website without JavaScript. Customize shapes, colors, and CSS blend modes easily. Enhance user engagement and convert visitors with captivating designs.
New
Clip-path Swiper.js Slider Webflow cloneable
Create dynamic and engaging websites with the Clip-path Swiper Slider Webflow cloneable. Incorporating Greensock animations and Swiper.js library, this cloneable offers modern clip-path effects and seamless transitions for a captivating user experience. Perfect for boosting visual storytelling and user engagement, this cloneable is ideal for portfolio sites and creative projects.
New
Image Hover Effect website preview Webflow cloneable
Enhance user interaction with this innovative Hover Effect Website Preview Webflow cloneable. Engage visitors with dynamic thumbnail previews as they navigate links, creating an interactive experience. Improve user experience, integrate with Memberstack, Zapier, Jetboost, and Airtable for seamless functionality. Custom CSS ensures sharp font rendering and WebFont.js supports Google Fonts, enhancing site aesthetics. Create an engaging and visually stunning website with ease.
similar cloneables