Swiper

Wrapper for the Swiper.js carousel with slides per view, spacing, navigation, pagination, autoplay and loop options

Live preview

Open in new tab ↗

Configuration:

  • slidesperview {Number} count of the items in the one slide (default: 1)
  • spacebetween {Number} a space between items (default: 0)
  • navigation {Boolean} show/hide navigation arrows (default: false)
  • pagination {Boolean} show/hide pagination bullets (default: false)
  • autoplay {Boolean} allow autoplay (default: false)
  • delay {Number} a delay between slides change, working with autoplay only (default: 2500)
  • loop {Boolean} infinity loop through the slides (default: false)
  • NEW reset {Number} idle time after which the swiper restarts and returns to the first image (enter in minutes)
  • NEW freemode {Boolean} moving slides without fixed alignment to individual slides (default: false)

More UI components

Browse all 348