Slider

Square only

Swiper - The most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. It is intended to be used in mobile websites, mobile web apps, and mobile native/hybrid apps.

Swiper docsarrow-right-1


Basic example

photo-86
photo-87
photo-88
photo-89
photo-90

Multiple images

Just use data-options to change the default options, like slidesPerView, loop, spaceBetween, breakpoints etc.

photo-86
photo-87
photo-88
photo-89
photo-90

Navigation positioning

The navigation can be repositioned as desired.

photo-86
photo-87
photo-88
photo-89
photo-90

Pagination

photo-86
photo-87
photo-88
photo-89
photo-90

Dark slider

Add swiper-dark class to the slider and the navigation.

photo-86
photo-87
photo-88
photo-89
photo-90

Visible overflow

Changes the overflow visibililty of the viewport.

photo-86
photo-87
photo-88
photo-89
photo-90

Scaled

Add swiper-scaled class to make the active slide scaled.

photo-86
photo-87
photo-88
photo-89
photo-90

Thumbnails

Create another slider and add swiper-thumbs class to connect the two sliders.

photo-86
photo-87
photo-88
photo-89
photo-90
photo-86
photo-87
photo-88
photo-89
photo-90

Thumbnails - free move

Move the thumbnail slider freely.

photo-86
photo-87
photo-88
photo-89
photo-90
photo-86
photo-87
photo-88
photo-89
photo-90