Looping Splide.js CMS slider

4
0
12
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
Premade Navigation components Webflow cloneable
Enhance your Webflow project with versatile navigation components Webflow cloneable by Flowbase. Easily customizable NAV01 to NAV08 layouts for seamless desktop and mobile integration. Improve user experience and boost engagement with stylish, user-friendly navigation systems.
New
Collapsing Text Interaction Webflow cloneable
Create stunning collapsing text effects on your website with the "Collapsing Text 052" Webflow cloneable. Elevate typography with custom CSS for impressive text-shadow outlines. Enhance user experience with smooth animations and Montserrat font integration. Stand out from competitors with this SEO-friendly cloneable.
New
Interactive pricing calculator Webflow cloneable
Enhance user engagement with an Interactive Pricing Calculator Webflow cloneable by Red Panther. Calculate website costs based on customizable options to guide visitors towards a purchase decision. Increase transparency, trust, and conversions with this dynamic tool.
New
CMS Horizontal scroll animation Webflow cloneable.
Explore a captivating CMS-based Horizontal Scroll Animation Webflow cloneable by Pierre de Montalte. This design offers a visually engaging experience for showcasing products, articles, or portfolio pieces seamlessly. Enhance user experience with a modern layout that adapts responsively, ensuring a stylish and efficient website.
New
Flipping card on Hover component Webflow cloneable
Enhance user engagement with this Flipping Card Component Webflow cloneable by SketchzLab. Perfect for FAQs, team bios, or project highlights, it adds interactivity and visual appeal. Enjoy clean CSS, optimized layout, and custom fonts for a seamless user experience. Elevate your site with this interactive element today!
New
Accordion with Rich Text + Images Webflow cloneable
Enhance content presentation with the Accordion with Rich Text + Images Webflow cloneable. Create expandable sections with custom fonts, animations, and intuitive user experience. Elevate your design and engage visitors seamlessly with this versatile and functional tool.
New
Dynamic horizontal timeline Webflow cloneable
Discover a Dynamic Horizontal Timeline Webflow Cloneable by Vincent Bidaux. Showcase events creatively with synced scrolling. Easily update historical milestones or product updates in a visually engaging layout. Ideal for storytelling and boosting user engagement.
New
Carbon Design UI Styleguide Webflow cloneable
Discover the versatile Carbon Design System Webflow cloneable by CJ Hersh. Elevate your web projects with a plethora of user-friendly UI components like Buttons, Checkboxes, Accordions, and more. Enhance user experience with structured accessibility features and customizable design elements for seamless integration. Ideal for creating professional and interactive websites.
similar cloneables