Splidejs / splide

Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors.

https://splidejs.com

MIT License

4.83k stars 418 forks source link

autoplay breakpoints carousel drag gallery javascript lazy-loading lightweight react slider svelte swipe typescript vue

readme

Splide

Splide is a lightweight, flexible and accessible slider and carousel.
No dependencies, no Lighthouse errors.

[![](https://data.jsdelivr.com/v1/package/npm/@splidejs/splide/badge?v=1)](https://www.jsdelivr.com/package/npm/@splidejs/splide)

Download
Getting Started
Demo
Documents
Themes
About v4
Discussions/Q&A

Ready For

Extensions

Auto Scroll ・ Intersection ・ Grid ・ Video ・ URL Hash

Translation

Support Splide

Please support the project if you like it!

GitHub Sponsors

Features

Written in TypeScript
No dependencies
Lightweight, 29kB (12kB gzipped)
Flexible and extensible
Protected by 400+ test cases
Multiple slides
Slide or fade transition by CSS
Supports breakpoints
Accepts CSS relative units
Autoplay with progress bar and a play-pause toggle button
RTL and vertical direction
Mouse drag and touch swipe
Free drag mode
Mouse wheel navigation
Nested slider
Lazy loading
Thumbnail slider
Auto width and height
Accessibility friendly
Live Region
Internet Explorer 10

No Lighthouse Errors

Here is the mobile version result of the Splide front page:

Lighthouse result of the Splide frontpage

The Splide slider does not degrade Accessibility, Best Practices and SEO 🎉

License

Splide is released under MIT license. © 2022 Naotoshi Fujita