SW

Swiper

swiper

Most modern mobile touch slider and framework with hardware accelerated transitions

Utilities
swiper
swipe
slider
touch
ios
mobile
cordova
phonegap
app
framework
Stars
42k
Weekly
3.6M
Open issues
242
Bundle
~25 kB

Installation

npm install swiper

Code example

import { Swiper, SwiperSlide } from "swiper/react";
import "swiper/css";

export function Example() {
  return (
    <Swiper>
      <SwiperSlide>Slide 1</SwiperSlide>
      <SwiperSlide>Slide 2</SwiperSlide>
    </Swiper>
  );
}

Pros & cons

Pros

  • Actively maintained by Vladimir Kharlampidi
  • 3.6M weekly downloads. Battle tested
  • First-class TypeScript definitions
  • MIT licensed

Considerations

  • Adds roughly ~25 kB to your bundle
  • Needs client-only rendering in SSR frameworks
  • Not supported in React Native
  • 242 open issues on GitHub

FAQs

Alternatives & similar libraries