React Splide (Fork)

React Splide is the React component for the Splide slider/carousel. This is a fork of the official repo with the aim of updating and extending support for the wrapper.

Getting Started
Demo
Discussions

Quick Start

Install using your deisred package manager, directly from this repo if you wish to use this fork:

$ npm install git+https://github.com/jeremyProwseYS/react-splide

Alternatively you can install the original package via npm:

$ npm install @splidejs/react-splide

Import CSS and components:

import { Splide, SplideSlide } from "@splidejs/react-splide";
import "@splidejs/react-splide/css";

export function Slider() {
  return (
    <Splide options={{ rewind: true }} aria-label="React Splide Example">
      <SplideSlide>
        <img src="image1.jpg" alt="Image 1" />
      </SplideSlide>
      <SplideSlide>
        <img src="image2.jpg" alt="Image 2" />
      </SplideSlide>
    </Splide>
  );
}

Visit here for more details.

Support Splide

Please support the official project if you like it!

• GitHub Sponsors

License

React Splide and Splide are released under the MIT license. © 2025 Naotoshi Fujita