MCPcopy
hub / github.com/Splidejs/splide

github.com/Splidejs/splide @v4.1.3 sqlite

repository ↗ · DeepWiki ↗ · release v4.1.3 ↗
507 symbols 1,674 edges 244 files 269 documented · 53%
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 ScrollIntersectionGridVideoURL Hash

Translation

日本語

Support Splide

Please support the project if you like it! - GitHub Sponsors

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

Extension points exported contracts — how you extend this code

EventInterfaceObject (Interface)
(no doc) [1 implementers]
src/js/constructors/EventInterface/EventInterface.ts
Components (Interface)
(no doc)
src/js/types/components.ts
EventMap (Interface)
(no doc)
src/js/types/events.ts
Options (Interface)
(no doc)
src/js/types/options.ts
ResponsiveOptions (Interface)
(no doc)
src/js/types/options.ts

Core symbols most depended-on inside this repo

init
called by 246
src/js/test/utils/utils.ts
fire
called by 129
src/js/test/utils/utils.ts
go
called by 108
src/js/components/Controller/Controller.ts
getAt
called by 76
src/js/components/Slides/Slides.ts
wait
called by 67
src/js/test/utils/utils.ts
forEach
called by 57
src/js/components/Slides/Slides.ts
destroy
called by 57
src/js/constructors/EventBinder/EventBinder.ts
bind
called by 53
src/js/constructors/EventBinder/EventBinder.ts

Shape

Function 319
Method 140
Interface 40
Class 8

Languages

TypeScript100%

Modules by API surface

src/js/renderer/SplideRenderer/SplideRenderer.ts39 symbols
src/js/components/Controller/Controller.ts33 symbols
src/js/components/Slides/Slides.ts30 symbols
src/js/components/Move/Move.ts29 symbols
src/js/components/Layout/Layout.ts25 symbols
src/js/components/Drag/Drag.ts25 symbols
src/js/core/Splide/Splide.ts17 symbols
src/js/components/Slides/Slide.ts17 symbols
src/js/constructors/RequestInterval/RequestInterval.ts15 symbols
src/js/components/Pagination/Pagination.ts14 symbols
src/js/components/Autoplay/Autoplay.ts13 symbols
src/js/components/Arrows/Arrows.ts12 symbols

Used by 1 indexed graphs manifest dependencies, hub-wide

Dependencies from manifests, versioned

@babel/core7.18.13 · 1×
@babel/preset-env7.18.10 · 1×
@rollup/plugin-babel5.3.1 · 1×
@rollup/plugin-node-resolve13.3.0 · 1×
@types/jest29.0.0 · 1×
@types/node18.7.14 · 1×
@typescript-eslint/eslint-plugin5.36.1 · 1×
@typescript-eslint/parser5.36.1 · 1×
autoprefixer10.4.8 · 1×
babel-jest29.0.1 · 1×
babel-loader8.2.5 · 1×
chokidar3.5.3 · 1×

For agents

$ claude mcp add splide \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact