Webflow cloneable · Slider

3D Slider Gallery Splide.js Webflow cloneable

Discover a captivating 3D slider gallery using Splide.js in this Webflow cloneable. Featuring Anime.js animations, control buttons, and interactive cursor effects for a modern touch. Elevate your website design with this dynamic and visually appealing slider experience.

Splide.js 3D Slider on a desktop screen
Splide.js 3D Slider on a phone
Screenshots of the live preview, Nov 7, 2026 Open live preview

About cloneable

This Webflow cloneable showcases a unique 3D slider that integrates Splide.js and Anime.js to create an interactive and dynamic slider experience. Users can drag to navigate between slides or utilize control buttons for easy traversal. The slider also features engaging cursor effects triggered by hover and click events, as well as a subtle fade-up animation for specific elements when triggered. Perfect for those looking to add a playful and visually appealing 3D slider to their website, this cloneable offers a fresh and modern way to showcase content or products. Experience the seamless blend of CSS styles and JavaScript functionality to elevate your website's design and user experience.

This code snippet includes various CSS styles and JavaScript functionality to create a slider gallery with Splide.js. It also includes interactive cursor effects triggered by hover and click events, as well as a fade-up animation for certain elements when a specific trigger is clicked.

About custom code

This code snippet includes various CSS styles and JavaScript functionality to create a slider gallery with Splide.js. It also includes interactive cursor effects triggered by hover and click events, as well as a fade-up animation for certain elements when a specific trigger is clicked.

Similar cloneables

All Slider cloneables →
Looping Splide.js CMS slider
Looping Splide.js CMS slider 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.
Clone
Splide.js Carousel
Splide.js Carousel 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.
Clone
Anime.js Text Animation Effects
Anime.js Text Animation Effects Enhance your website with stunning text animation effects using this Webflow cloneable by Manish Pandey. Implement unique animations like letter-by-letter reveals and line-by-line animations to engage visitors. CSS styling, Anime.js, and Luxy.js for smooth scrolling included.
Clone
Vertical Webflow Splide Slider
Vertical Webflow Splide Slider Clone Webflow's dynamic and interactive Splide slider with this CMS powered vertical slider. Fully responsive and customizable with smooth navigation, scrolling, and animations. Get the Dribbble-inspired design for your website!
Clone
Anime.js Pricing calculator
Anime.js Pricing calculator Enhance user experience with this Pricing Calculator Webflow cloneable by Timothy Ricks. Featuring animations, glassmorphism effects, and custom JavaScript/CSS for dynamic text and foggy glass effects. Optimize user engagement with noise effects and intuitive navigation. Perfect for Webflow users looking to boost site functionality and design. Explore advanced Webflow techniques with Timothy Ricks' tutorials for interactive design principles.
Clone
CMS Slider with Progress Splide.js
CMS Slider with Progress Splide.js Optimize your website with CMS Slider with Progress Splide.js Webflow cloneable. Seamlessly integrate CMS collections with a progress bar for easy navigation. Elevate user engagement and enhance design with this dynamic slider.
Clone
Page Loader Progress Bar
Page Loader Progress Bar Elevate user experience with this Loader progress bar Webflow cloneable. Engage visitors with a dynamic loading experience and progress percentage display. Enhance site performance and create seamless transitions between page loads. Ideal for captivating preloading screens.
Clone
Swiper.js Scroll into View Animation
Swiper.js Scroll into View Animation Enhance user engagement with the Swiper slider lectures animations Webflow cloneable by Halo Lab. Draggable, smooth transitions, speed control, and responsive design for dynamic content showcasing. Perfect for adding interactive elements with captivating animations for a modern website UX.
Clone