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
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
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
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
Draggable Slick Slider Webflow cloneable
Enhance user engagement with a Slick Slider Webflow cloneable by Tinyflow. Create responsive carousels for images and content with centered slides, infinite looping, and intuitive navigation. Custom CSS ensures a polished look across screen sizes. Includes media queries, WebFont integration, and lazy loading for optimal performance. Ideal for designers looking to elevate their websites with a dynamic visual element.
New
Trustpilot Review Slider Webflow cloneable
Enhance credibility and engagement with a Trustpilot review slider Webflow cloneable. Crafted with SVG images for optimal performance, this slider showcases testimonials effortlessly. Easy to implement and customize, boost trust and conversions with this free resource.
New
CMS Background Video Slider Webflow cloneable
Create engaging and dynamic sliders with the CMS Background Video Slider Webflow cloneable. Enhance user experience with background videos, multiple navigation options, and responsive design. Customize content for impactful storytelling and boost engagement on any device. Optimize performance with custom CSS and JavaScript for a standout website.
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.
similar cloneables