• Stars
    star
    4,469
  • Rank 9,562 (Top 0.2 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created over 5 years ago
  • Updated 10 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

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

React Splide React Splide React Splide Vue Splide Vue Splide

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 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