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
NaotoshiFujita
905e083047
Queries focusable nodes every time since they may be changed manually.
|
3 年之前 | |
|---|---|---|
| .github | 3 年之前 | |
| dist | 3 年之前 | |
| images | 3 年之前 | |
| scripts | 3 年之前 | |
| src | 3 年之前 | |
| .babelrc | 5 年之前 | |
| .eslintrc | 3 年之前 | |
| .gitignore | 3 年之前 | |
| .stylelintrc | 3 年之前 | |
| LICENSE | 3 年之前 | |
| README.md | 3 年之前 | |
| jest.config.js | 3 年之前 | |
| package-lock.json | 3 年之前 | |
| package.json | 3 年之前 | |
| tsconfig.json | 3 年之前 |
README.md
Splide
Splide is a lightweight, flexible and accessible slider and carousel.
No dependencies, no Lighthouse errors.
Download
Getting Started
Demo
Documents
Themes
About v3
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, 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:
The Splide slider does not degrade Accessibility, Best Practices and SEO 🎉
License
Splide is released under MIT license. © 2022 Naotoshi Fujita