https://github.com/splidejs/splide

Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors.
https://github.com/splidejs/splide

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

Last synced: 5 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/splidejs/splide
• Owner: Splidejs
• License: mit
• Created: 2019-07-25T08:19:09.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2024-07-08T13:39:15.000Z (7 months ago)
• Last Synced: 2025-01-26T19:41:46.629Z (6 days ago)
• Topics: autoplay, breakpoints, carousel, drag, gallery, javascript, lazy-loading, lightweight, react, slider, svelte, swipe, typescript, vue
• Language: TypeScript
• Homepage: https://splidejs.com
• Size: 11.9 MB
• Stars: 4,980
• Watchers: 39
• Forks: 426
• Open Issues: 125
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

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](https://github.com/sponsors/NaotoshiFujita)

## 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](https://splidejs.com):



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

## License

Splide is released under MIT license. © 2022 Naotoshi Fujita