svelte-splide

KO | EN

gitlite — search

#react #ai #machine-learning #rust #linux #java #awesome #cli #awesome-list #vue #pytorch #security #ios #mcp

(★ 89)

Svelte component for the Splide slider/carousel.

svelte-splide Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h1>Svelte Splide</h1>

<p>
    Svelte Splide is the Svelte component for the
    <a href="https://github.com/Splidejs/splide">Splide</a> slider/carousel.
  </p>

<p>
    <a href="https://splidejs.com/integration/svelte-splide">Getting Started</a>
    <br>
    <a href="https://splidejs.com/">Demo</a>
    <br>
    <a href="https://github.com/Splidejs/splide/discussions">Discussions</a>
  </p>
</div>

## Quick Start
Get the latest version from NPM:
```
$ npm install @splidejs/svelte-splide
```

Import CSS and components:

```svelte
<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](https://splidejs.com/integration/svelte-splide) for more details.

## Support Splide

Please support the project if you like it!
- [GitHub Sponsors](https://github.com/sponsors/NaotoshiFujita)

svelte-splide

svelte-splide Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

svelte-splide

svelte-splide Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README