10 free responsive sliders for your mobile friendly website

07.05.13

Posted by: Jayhan Sim



10 free responsive sliders for your mobile friendly website

In recent web design trend, slider is one of the most commonly used interfaces. With slider, you can save a lot of space displaying similar contents and also make the website looks better. However, you might wondering is there any sliders that are responsive and still works in both desktop and mobile resolution? The answer is yes. In this post, I want to introduce 10 responsive sliders that you can use it for free.

Majority of the sliders here are built with jQuery/Javascript. Some are tiny plugins for minimal use, and some are featured pack that can slide contents and also video, not just images. Without further elaborating, continue read on to check out the sliders!

jQuery Cycle 2

  • Slides images, video, HTML content
  • Featured packed – loads of transition option
  • Use HTML5 data attributes to configure the slider instead of Javascript
  • Detailed documentation
  • Touch/swipe gesture support (external plugin)

jQuery Cycle 2

bxSlider

  • Easy to setup
  • Slides images, video, HTML content
  • Touch/Swipe gesture supported

bxSlider

Fraction Slider

  • Featured packed
  • Advanced animation options

Fraction Slider

Unslider

  • Easy to setup
  • Very lightweight (only 3kb)
  • Cross browser friendly

Unslider

FlexSlider

  • Can slide images and video
  • Healthy amount of options
  • Image thumbnail options available

FlexSlider

Sequence JS

  • Advance animation options
  • Uses CSS3 Transition
  • Endless possibilities!

Sequence JS

Full Width Image Slider

  • Full width slider!
  • Lightweight for minimal use.

Full Width Image Slider

iView

  • Customizable animation options
  • Many transitions options available

iView

ResponsiveSlides.js

  • Lightweight (1kb minified and gzipped)
  • Healthy level of customization
  • Just slide images (captions supported)
  • Easy to setup

ResponsiveSlides.js

Camera Slideshow

  • Mainly slide images
  • Plenty of options available

Camera Slideshow

[Premium] Royal Slider

  • Touch friendly
  • Load of options for customization
  • Predefined templates available

Royal Slider

[Premium] LayerSlider Responsive jQuery Slider Plugin

  • Hundreds of transitions available! (Hardware accelerated)
  • Slides multiple content types
  • Highly customisable

LayerSlider Responsive jQuery Slider Plugin

[Premium] Translucent – Responsive Banner Rotator / Slider

  • Touch friendly
  • Hardware accelerated

Translucent - Responsive Banner Rotator / Slider

[Premium] jQuery Banner Rotator / Content Slider / Carousel

  • Many sliding style available – full width, carousel, sidebar slider etc
  • Touch support

Translucent - Responsive Banner Rotator / Slider


Similar Posts: