20 best jQuery slider/carousel plugin comparison with demo

Sat Aug 26 2017

Paul Shan

When it’s about reducing the hard-work & increasing the efficiency JQuery plugins have fulfilled the requirement perfectly. The main reason these plugins are earning huge popularity is because of the code reduction for a programmer. Most of the JQuery plugins are freely available on the internet with required tutorials so now you don’t have to write all the codes for a particular task by yourself, as you can relay on these plugins.
JQuery slider plugins are vastly used in different websites and if not in lakhs it should be in thousands, the number of slider plugins available on the internet. Which one to pick ? Another confusing task. Isn’t it? Relax, you don’t have to try all of them. Making your selection easier voidCanvas is providing you the best 20 JQuery slider having various features, advantages & disadvantages. Surely you gonna find the perfect one for you from this list.

Slide Name Size(Kb)[Js+Css] Auto Slide Responsive Browser Images/Contents Documentation Complexity GitHub Stars
Slick 43 All Images & Contents Good Mid 19,230+
Owl Carousel2 46 Not Totally All Images & Contents Good Low 4660+
BxSlider 27 All Images & Contents Good Low 3780+
Light Slider 55 All Images & Contents Poor Low 1450+
Nivo 15 X All Images Only Poor Low 1170+
Wallop 8 All Images & Contents Mid Low 1000+
Slider Pro 108 All Images & Contents Good Low 610+
Item Slide 12 X All Images & Contents Mid Low 600+
Kwicks 86 All Images & Contents Good low 320+
Pgw Slider 16 All Images Only Good Low 150+
Scattered Polaroids Gallery 16 X Modern Images & Contents Very Poor Mid 150+
Pgw SlideShow 19 All Images Only Good Low 80+
Carousel 3D 12 Modern Images & Contents Very Poor Mid 80
Expandable Image Gallery 20 X All Images mainly Very Poor Mid Not Available
Sequence 48 Modern Images & Contents Good Mid Not Available
WOW Slider 2 All Images & Contents Mid - Not Available
Fraction Slider 16 All Images/Texts Good - Not Available
Vertical News Slider 5 All Images & Contents poor Less 58
Thumbelina 10 All Images & Contents poor less 50+
Amazing Carousel 25 All Images & Contents Mid Mid Not Available

Slick

slick jQuery slider

One of the most popular JQuery content slider plugin with more than 19,000 github stars.

Features

  • Fully responsive. scales with its container.
  • Separate settings per breakpoint.
  • Uses CSS3 if available. (Fully functional even if not).
  • Desktop Mouse Dragging.
  • Swipe can be enable or disable according to your preference.
  • Add, Remove, Filter, Unfilter slides.
  • Auto play, calls, Next-Prev button available.
  • Heterogeneous file type can be added in a single slide list.
  • Various attractive sliding styles & modes are available.
  • Desktop dragging improves the look.

    Demo Download

The 2nd version of owl carousel is touch enable that lets you create a beautiful responsive carousel.

Features

  • Free & upgradable.
  • Simple & Responsive JQuery slider.
  • Touch & drag supportable.
  • Auto play, moving buttons available.
  • Different animation options available.
  • Stylish Touch. Makes your website look attractive.
  • Different sliding methods available.

Demo Download

BxSlider

bxslider jquery slider

Free responsive JQuery content slider.

Features

  • Responsive Design- Adaptable to any device.
  • Videos, Images, HTML content can be used for sliding.
  • Adjustable Size.
  • Uses CSS transition.
  • Full callback API & public method.
  • Multiple Sliders Can Be Included.
  • Horizontal, Vertical & Fade modes available.
  • Auto Sliding, Slide Controllers, Touch/Swipe facility available.
  • Vertical & Horizontal sliding facility available.
  • Do not change content’s actual height/width proportion.
  • Carousel Available.
  • Custom easing available.
  • Next-Previous Button Available.
  • Caption can be included.
  • Ticker mood available.

    Demo Download

Light Slider

lightslider jquery slider

JQuery lightslider is another popular (having almost 1500 git star) light weighted responsive content slider with carousel thumbnails navigation.

Features

  • Fully responsive- can adapt to any device.
  • Separate settings per break point.
  • Gallery mood to create an image slideshow with thumbnails.
  • Swipe & Mouse drag enable. Keyboard, arrows & dots navigation.
  • Small file size, fully themed & simple to implement.
  • Auto play play available.
  • Slides & Fade effect available.
  • Can add or remove slides dynamically.
  • CSS traditions with JQuery fallback.
  • Full call back API & Public method.
  • Multiple instance on one page.
  • Simply slide anything (Youtube content, vimeo, google map etc.)

    Demo Download

Nivo Slider

nivo jquery slider

Widely used JQuery image slider. It is free to use and released under the MIT license.

Features

  • Requires JQuery v1.7+
  • Multiple slider type.
  • Can keep the original photo size.
  • Automatic image cropping available.
  • Easy to implement.
  • 4 different themes available.
  • Various content sliding animation available.

    Demo Download

Wallop

wallop jquery slider

An amazing responsive free content slider. Popular in the market.

Features

  • Responsive slider layout.
  • Mobile ready.
  • Minimal JS code.
  • Loads faster.
  • Dependency free.

    Demo Download

Slider Pro

slider pro jquery slider

A modular, responsive and touch-enabled jQuery slider plugin for creating professional & elegant looking sliders.

Features

  • Modular architecture & responsive.
  • Touch-swipe.
  • CSS transition.
  • Animated layers (and static).
  • Carousal layout.
  • Infinite scrolling.
  • Lazy loading, Deep linking, Thumbnail, Retina-enabled.
  • Different sliding options.
  • conditional images (different images for different screen sizes).
  • JS breakpoint.

Demo Download

Item Slide.js

itemslide jquery slider

A beautiful touch carousel.

Features

  • Touch sweeping.
  • Mouse wheel scrolling.
  • Ability to “swipe out” slides.
  • Centered carousel or left sided (default is centered).
  • Mobile friendly
  • Tested on devices like iPhone 6, iPad Mini, Nexus 4 & LG G3

Demo Download

Kwicks

kwicks jquery slider

Kwicks is a plugin providing sexy sliding panels with an emphasis on navigational interaction.

Features

  • Responsive.
  • Comes with different sliding options.
  • Proper demos and documentation available.

Demo Download

Pgw Slider

pgwslider jquery slider

Free JQuery very light weight responsive image slider. Developed to showcase image slides only, nothing else.

Features

  • Adaptable to any device- Fully responsive.
  • Simple light weighted image slider. 4KB in size, helping it load very fast.
  • Full customization enable.
  • SEO complaint.
  • Easy auto slide enable, next-prev button available too.
  • Easy captioning process.
  • Perfect as a simple & light weighted slider.

    Demo Download

scattred p.g jquery slider

Very stylish and beautiful polaroid gallery where all the items scattered randomly in a container and the clicked one appear in the middle.

Features

  • Very Attractive.
  • Optionally, the initial state of the gallery can have an overlay.
  • The current image moves to the middle and the resting items will make way and move to the sides.
  • If there is a backside, we can flip the Polaroid by clicking on the navigation dot for a second time.

Demo Download

Pgw Slideshow

pgwslideshow jquery slider

Another useful version of pgw. Newer & better. Little different style from Pgw Slider.

Features

  • Responsive design.
  • Single purpose developed.
  • Light weighted, less then 4KB.
  • SEO complaint.
  • Easy auto slide enable, next-prev button available too.
  • Easy captioning process.
  • Developed for totally professional purpose.

Demo Download

3d carousel jquery slider

A simple and easy to apply 3d slider for you.

Features

  • Supports all major browsers including IE 8,9 with best effort. Full 3D effect requires css transform support browsers.
  • Children item can be any Html elements, not only image.
  • Gives your website a pretty good 3d looks.

    Demo Download

expandable img gallery jquery slider

An attractive gallery plugin with on click expanding facility.

Features

  • Full screen Preview.
  • Responsive Design.
  • Fluid Animation.
  • Expands on clicking.

Demo Download

Sequence

sequence jquery slider

Comes with 4 cool and attractive themes. Take a look you surely gonna like the style.

Features

  • Three great free themes.
  • Sliding Horizontal Parallax.
  • Apple Style.
  • Responsive slider skin.
  • Touch supported & easily modifiable.

Demo Download

WOW Slider

wow jquery slider

If you want fantastic visual effects & beautifully designed themes WOW slider can be an amazing & perfect option. This free slider provides you the largest number of visual effects (Domino, Rotate, Page, Blur, Flip, Blast, Fly, Blinds, Squares, Ken Burns, Slices, Basic, Fade, Stack,Stack vertical, Basic linear, Cube and Seven).

Features

  • Totally responsive.
  • Comes with a GUI wizard to create sliders without coding and image editing.
  • Supports in all browsers.
  • Touch and swipe support.
  • Search engine(SEO) friendly.
  • Easy wordpress setup.
  • Clean & valid markup.

Demo Download

Fraction Slider

fraction slider jquery slider

FractionSlider is a jQuery plugin for image/text-sliders allowing you to animate multiple elements per slide.

Features

  • Responsive support for letter-spacing css property.
  • You can animate multiple elements per slide.
  • Images without width/height get calculated correctly.
  • The slider has now the pause on hover functionality.
  • Attractive animation effects.
  • Background animation available, that gives it an extra good looks.

Demo Download

Vertical News Slider

vertical img jquery slider

A responsive jQuery-based vertical news slider. jQuery and CSS-based slider module that displays news headlines on the left along with a preview image and brief description on the right.

Features

  • Responsive Design.
  • Mainly developed for news sharing in sliding manner.
  • Simple and good looking.
  • Coding documentation isn’t available.

Demo Download

Thumbelina

thumbelina jquery slider

Thumbelina is a very lightweight content slider specifically designed for use with galleries of thumbnail images.

Features

  • Works both in horizontal & vertical moods.
  • 100% stylable with css.
  • Smooth movement.

    Demo Download

amazing carousal jquery slider

Responsive jQuery Carousel content slider.

Features

  • Responsive design.
  • PC, iPhone, iPad, Android supportable.
  • Ready for dreamwaver, frontpage, wordpress, joomla & drupal.
  • Horizontal and vertical.

Demo Download

SHARE THIS ARTICLE

post-thumbnail
Today everyone knows the importance of a lightning-fast website and how the speed impacts the conversion rate of a business. Today, everyone wants the site to be a PWA so that the mobile users can have an app-like experience with the website because, for the majority of the merchants, the customers come through mobile devices.
Tue Apr 20 2021
post-thumbnail
Here we are going to see how you can manage backup and restore of Postgres database with docker.
Thu Sep 03 2020
post-thumbnail
Image sliders or carousels always have increased the UI attraction of websites and they are pretty useful for reflecting the major roles/products too. In case, I am having a website that sells tee-shirts,
Mon Apr 30 2018

About VoidCanvas

This blog was created out of hobby and talks mostly about technology, web development, JavaScript, NodeJS and related topics. Thank you for reading my blog.

Copyright 2022 - www.voidcanvas.com

Popular Articles

Authentication using Google's oAuth api with node.js

Thu Mar 10 2016

OAuth authentications are pretty popular now a days and another thing which is popular is JavaScript. This article shows how to plugin google’s oAuth api for authentication in your own node application.

CSS3 Loader Snippet Collection: (Part 2 - Squares)

Sat Mar 01 2014

This is a continuation of my CSS3 loader snippet collection series. I've provided spinning css3 animation loader in the part 1 of this series and here in part 2, I'm providing various square type loading