Svelte Splide

Svelte Splide is the Svelte component for the Splide slider/carousel.

Getting Started
Demo
Discussions

Quick Start

Get the latest version from NPM:

$ npm install @splidejs/svelte-splide

Import CSS and components:

<script>
import { Splide, SplideSlide } from '@splidejs/svelte-splide';
import '@splidejs/svelte-splide/css';
</script>

<Splide options={ { rewind: true } } aria-label="Svelte Splide Example">
  <SplideSlide>
    <img src="image1.jpg" alt="Image 1"/>
  </SplideSlide>
  <SplideSlide>
    <img src="image2.jpg" alt="Image 2"/>
  </SplideSlide>
</Splide>

Visit this page for more details.

Support Splide

Please support the project if you like it!

• GitHub Sponsors

License

Svelte Splide and Splide are released under the MIT license. © 2021 Naotoshi Fujita