Splide is a flexible, lightweight and accessible slider written in TypeScript. It helps you to create various kinds of sliders by just changing options, such as multiple slides, thumbnails, nested sliders, vertical …

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

Each Splide instance can create only one carousel. Even if you pass a class name to the constructor, Splide applies the carousel to only the first matched element.

About Splide Splideは柔軟性に富み、軽量かつアクセシビリティに優れたスライダーライブラリです。 オプションを変更するだけで、複数枚表示、サムネイル表示、縦方向に移動するスライダーなど、 …

Splide has 2 different kinds of options — readonly options and responsive options. You can update responsive options by breakpoints or by passing an object to Splide#options, whereas you must not …

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

I guess you may be thinking "ewww section?😑" ...okay, if you use <div> instead of <section>, Splide will assign role="region" to make it a landmark, which leads the same result.

With this option, Splide calculates height of slides by multiplying the ratio to their width. For example, if the width is 1000px, the height will be computed to 500px (1000 * 0.5).

The purpose of using <div class="splide__slider"> was to wrap a track with a relative element. In the new version, it's no longer necessary since I've relaxed restriction of the HTML structure.

最新版のVue Splideは、 Vue 3 のみサポートしています。 古いバージョン（0.3.5）を使用すればVue 2で動作しますが、Splideのバージョンも古いため、おすすめしません。