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)
bxSlider
- Easy to setup
- Slides images, video, HTML content
- Touch/Swipe gesture supported
Fraction Slider
- Featured packed
- Advanced animation options
Unslider
- Easy to setup
- Very lightweight (only 3kb)
- Cross browser friendly
FlexSlider
- Can slide images and video
- Healthy amount of options
- Image thumbnail options available
Sequence JS
- Advance animation options
- Uses CSS3 Transition
- Endless possibilities!
Full Width Image Slider
- Full width slider!
- Lightweight for minimal use.
iView
- Customizable animation options
- Many transitions options available
ResponsiveSlides.js
- Lightweight (1kb minified and gzipped)
- Healthy level of customization
- Just slide images (captions supported)
- Easy to setup
Camera Slideshow
- Mainly slide images
- Plenty of options available
[Premium] Royal Slider
- Touch friendly
- Load of options for customization
- Predefined templates available
[Premium] LayerSlider Responsive jQuery Slider Plugin
- Hundreds of transitions available! (Hardware accelerated)
- Slides multiple content types
- Highly customisable
[Premium] Translucent – Responsive Banner Rotator / Slider
- Touch friendly
- Hardware accelerated
[Premium] jQuery Banner Rotator / Content Slider / Carousel
- Many sliding style available – full width, carousel, sidebar slider etc
- Touch support
Comments