Popularity
5.1
Growing
Activity
9.3
Growing
2,981
32
341

Description

Splide is a lightweight, powerful and flexible slider and carousel, written in pure JavaScript without any dependencies.

Programming language: TypeScript
License: MIT License
Tags: Sliders     Slider     Touch     Carousel    

Splide alternatives and similar libraries

Based on the "Sliders" category.
Alternatively, view splide alternatives based on common mentions on social networks and blogs.

Do you think we are missing an alternative of Splide or a related project?

Add another 'Sliders' Library

README

Splide

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

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!

Features

  • Written in TypeScript
  • No dependencies
  • Lightweight, 29kB (12kB gzipped)
  • Flexible and extensible
  • Protected by 300+ 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:

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

License

Splide is released under MIT license. © 2022 Naotoshi Fujita


*Note that all licence references and agreements mentioned in the Splide README section above are relevant to that project's source code only.