Accueil Explorer Aide
Connexion
hugh
/
splide
1
0
Fork 0
Fichiers Tickets 0 Pull Requests 0 Wiki

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

Aborescence: 905e083047
Branches Tags
splide
ZIP TAR.GZ
NaotoshiFujita 905e083047 Queries focusable nodes every time since they may be changed manually. il y a 3 ans
.github 6fd12fd783 Add FUNDING.yml. il y a 3 ans
dist 905e083047 Queries focusable nodes every time since they may be changed manually. il y a 3 ans
images 4915a93fea Update logos. il y a 3 ans
scripts 3deb842b6f Refactoring the Drag component with `changedTouches`. Disable `touch-callout` by default if the drag is enabled. il y a 3 ans
src 905e083047 Queries focusable nodes every time since they may be changed manually. il y a 3 ans
.babelrc fb7c20b48a Migrate from another project. il y a 5 ans
.eslintrc cc3c43cb26 Add v3 files. il y a 3 ans
.gitignore cc3c43cb26 Add v3 files. il y a 3 ans
.stylelintrc cc3c43cb26 Add v3 files. il y a 3 ans
LICENSE 77fa2c4f97 Update the year. il y a 3 ans
README.md 12264d063f Update Readme.md il y a 3 ans
jest.config.js d74f636504 Rename the Options component to "Media" and handle media queries by the component. il y a 3 ans
package-lock.json 3deb842b6f Refactoring the Drag component with `changedTouches`. Disable `touch-callout` by default if the drag is enabled. il y a 3 ans
package.json 3deb842b6f Refactoring the Drag component with `changedTouches`. Disable `touch-callout` by default if the drag is enabled. il y a 3 ans
tsconfig.json e50fae0e20 Create the Motion component. il y a 3 ans

README.md

Splide

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 v3
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, 27kB (11kB gzipped)
  • Flexible and extensible
  • Protected by 300+ test cases
  • Multiple slides
  • Slide or fade transition by CSS
  • Supports breakpoints
  • Accepts CSS relative units
  • No need to crop images
  • Autoplay with progress bar and play/pause buttons
  • 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
  • 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