@splidejs/splide

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

@splidejs/splide downloads @splidejs/splide version @splidejs/splide license

パッケージを検索...
@splidejs/splide類似パッケージ:

npmのダウンロードトレンド

3 年
🌟 @splidejs/splideのREADME.mdにリアルタイム使用チャートを表示するには、以下のコードをコピーしてください。
## Usage Trend
[![Usage Trend of @splidejs/splide](https://npm-compare.com/img/npm-trend/THREE_YEARS/@splidejs/splide.png)](https://npm-compare.com/@splidejs/splide#timeRange=THREE_YEARS)

Cumulative GitHub Star Trend

🌟 @splidejs/splideのREADME.mdにGitHub Starsトレンドチャートを表示するには、以下のコードをコピーしてください。
## GitHub Stars Trend
[![GitHub Stars Trend of @splidejs/splide](https://npm-compare.com/img/github-trend/@splidejs/splide.png)](https://npm-compare.com/@splidejs/splide)

統計詳細

パッケージ
ダウンロード数
Stars
サイズ
Issues
公開日時
ライセンス
@splidejs/splide265,2655,3301.21 MB143-MIT

@splidejs/splide のREADME

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

npm-compare.com is an independent website designed to help developers choose the most suitable npm packages. We are not affiliated with npm, Inc, the official website for the npm registry. Note that npm is a registered trademark of npm, Inc. Please share your feedback via our GitHub repository. For more details, please refer to our Terms & Privacy.