Splide.js Carousel

2
0
20
1

Enhance your website with the Splide.js carousel Webflow cloneable. Create custom sliders with intelligent control buttons, slide counter navigation, and infinite looping. Enjoy a lightweight and mobile-friendly slider solution with adjustable settings for engaging slider experiences tailored to your needs. Elevate your website with visually striking and efficient slider functionalities.

Categories

js library

About cloneable

This Webflow cloneable offers a comprehensive solution for creating custom sliders using Splide.js. With four unique carousel sliders included, users can enhance their website with dynamic and interactive slide displays. From intelligent control buttons to slide counter navigation and infinite looping capabilities, this cloneable provides a versatile range of options to showcase content effectively. By leveraging Splide.js, users can enjoy a lightweight and mobile-friendly slider solution that goes beyond Webflow's native capabilities. With the ability to adjust settings like items per page, slide transition speed, and pagination, users can create engaging slider experiences tailored to their specific needs. Perfect for those looking to elevate their website with visually striking and efficient slider functionalities.

This code snippet includes the Splide.js library and initializes two separate sliders, each with different configurations for responsive breakpoints and slider settings. The first slider (slider1) displays 3 items per slide on desktop, 2 items on tablet, and 1 item on mobile. The second slider (slider2) displays 5 items per slide on desktop, 3 items on tablet, and 1 item on mobile. Both sliders have specific settings for speed, navigation arrows, pagination, and gap between items.

About custom code

This code snippet includes the Splide.js library and initializes two separate sliders, each with different configurations for responsive breakpoints and slider settings. The first slider (slider1) displays 3 items per slide on desktop, 2 items on tablet, and 1 item on mobile. The second slider (slider2) displays 5 items per slide on desktop, 3 items on tablet, and 1 item on mobile. Both sliders have specific settings for speed, navigation arrows, pagination, and gap between items.

About CSS
About Javascript
Embed badge
similar cloneables
New
Interactive range slider Webflow cloneable
Enhance user engagement with an Interactive Range Slider Webflow cloneable by Timothy Ricks. Compare employment metrics with dynamic bar chart animations using GSAP. Customizable design for immersive data visualization and user-friendly experience. Ideal for Webflow projects seeking to make data interactive and engaging.
New
CMS Interactive map Webflow cloneable
Enhance your website with an Interactive map Webflow cloneable. Utilize CMS for location management with dynamic mapping, popups, and responsive design. Elevate user experience with this customizable tool.
New
Church website template Webflow cloneable
Enhance your church's online presence with this modern Church website template Webflow cloneable. Manage sermons, events, staff, and connect groups seamlessly. Engage visitors with dynamic content sections and smart functionalities. Optimize user experience on all devices and streamline content updates with ease. Modernize your church's digital presence for effective outreach and engagement.
New
Dynamic portfolio template Webflow cloneable
Experience a dynamic portfolio with Skate Lab's Webflow cloneable. Showcase your work effectively with essential sections like Home, Work, About, and Contact pages. Built-in case studies and responsive design ensure a standout online presence across devices. Customizable and interactive for a unique aesthetic.
New
Online learning template Webflow cloneable
Discover the Cohorts online learning Webflow template cloneable by Ty Hughey. This sleek template offers a collaborative environment for immersive online learning. Easily navigate cohorts, access resources, and engage in live micro classes. Boost engagement with dynamic features and responsive design for an effective educational platform.
New
Cybersecurity Webflow Template cloneable
Enhance online security with the Cyboro cybersecurity Webflow cloneable. Explore end-to-end protection solutions for businesses and individuals. Secure user identities with advanced access management features. Optimize network security with Zero Trust IAM. Experience seamless design across devices for a trusted online presence.
New
Blog Outline Table of Contents Webflow cloneable
Enhance your blog pages with the Blog Outline Webflow cloneable by Anastasia Elish. Improve navigation with dynamic headings and anchor links for a polished user experience. Optimize your blog's functionality and design effortlessly.
New
The Agency Webflow Template cloneable
Create a strong online presence with The Agency Webflow cloneable. Crafted by Atwww, this template offers sleek animations and features ideal for marketing and design agencies. Showcase services, enhance user experience with Slick carousel and Luxy.js, and elevate your agency's reputation seamlessly.
similar cloneables