Skip to main content

Keen Slider

keen-slider is a third-party library. Please refer to its official documentation for more details.

You may refer to this link on how to implement rtl support for keen-slider

warning

It is essential to ensure that when incorporating the keen-slider component into your project, it is correctly wrapped using the AppKeenSlider component. In scenarios where only a single instance of keen-slider is utilized, it should be individually enclosed within the AppKeenSlider component. Conversely, if multiple instances of keen-slider are used in one page, it becomes necessary to wrap the entire page with the AppKeenSlider component to ensure optimal styles.

Basic
swiper 1
swiper 2
swiper 3
swiper 4
swiper 5


Loop
swiper 7
swiper 8
swiper 9
swiper 10


Multiple Slides
swiper 11
swiper 12
swiper 13
swiper 14
swiper 15


Spacing
swiper 16
swiper 17
swiper 18
swiper 19
swiper 20


FreeMode
swiper 21
swiper 22
swiper 23
swiper 24
swiper 25


Centered
swiper 16
swiper 17
swiper 18
swiper 19
swiper 20


Vertical
1
2
3
4
5
6
7
8
9
10


Controls


Thumbnails
swiper 1
swiper 2
swiper 3
swiper 4
swiper 5
swiper 1
swiper 2
swiper 3
swiper 4
swiper 5


Fader
slider 0
slider 1
slider 2
slider 3
slider 4


Zoom
slider 0
slider 1
slider 2
slider 3
slider 4


Auto Switch
swiper 1
swiper 2
swiper 3
swiper 4
swiper 5


Mutation Observer

1