Skip to content

Swiper, driven by Alpine.

Configure carousels with Alpine expressions, call methods through $swiper, and keep slide state in sync—no setup or teardown code.

Install
npm install alpine-js-swiper
Register
import Alpine from 'alpinejs'
import AlpineSwiper from 'alpine-js-swiper'
import 'alpine-js-swiper/style.css'

Alpine.plugin(AlpineSwiper)
Alpine.start()

Live demo

x-swiper
/ · progress %

Controls use $store.swipers by id.