Wednesday , 23 August 2017
Home » Coding » JavaScript » 30 Free Responsive Jquery Carousel Slider Plugins
image carousel example jquery

30 Free Responsive Jquery Carousel Slider Plugins

Carousel sliders is now a must have feature in all business, portfolio or any website template. Along with fullscreen image sliders we can see that horizontal carousel image sliders works well with any website design and are implemented alongside. Sometimes slider needs to be one by third of a website page and that is where tiny carousel sliders come in with loads of transitions effects and even with responsive layout. eCommerce websites may be the best benefited from these sliders as they need to showcase many pics in an individual post or page. All code here is free to use and you may alter it according to your needs if you are already a developer.

Other jQuery scripts we have discussed in our previous articles which you may find interesting

and more. Make sure you to visit our jQuery category more often for updates regarding the same. Click the example button to find alternate examples of the plugins introduced here so that you can find multiple options and transitions. jQuery when integrated with HTML5 and CSS3 makes the webpage interesting with unique effects to grab attention of your visitor to a particular area.

AngularJS Touch Carousel

An optimized carousel for mobile devices which can be implemented in your html by adding ‘rn-carousel’ attribute. This touch or mouse slide carousel has customizable transitions along with options like delay auto slide etc.

Demo | Download

angular-carousel

Cross browser 3D Carousel

A 3D carousel which supports all major browsers having css transform3d support. No JavaScript coding is required as you can make this carousel work by having some dependencies modules like jquery, modernizer, waitforimages , javascript-detect-element-resize at your end.

Demo | Download

carousel-3d

ItemSlide.js

A simple touch carousel slider with great transitions like swipe up/out, full screen touch based swipe to left/right is more than enough to use this plugin.

Demo | Download

itemslide

PgwSlideshow – Responsive slideshow

With less than 4KB this fully responsive slideshow and gallery carousel will sail across your website. You can check the demo page to find all options of this plugin before installing it on your html template.

Demo | Download

PgwSlideshow

Client Testimonials Carousel

A jquery ans css powered carousel designed for showing testimonials on your website. Place this carousel strategically as their is also an simple option to display all of your selected testimonials in a full page display.

Demo | Download

client-testimonials-carousel

Slick – Modern Carousel Slider plugin

Slick is a free jquery carousel plugin claiming to be a one solution for all your slider carousel requirements. This responsive carousel slider will let you enable swipe for mobile devices and desktop dragging to view through dozens of images fast. Transitions effects like fade, a cool feature to put one scrolling image in center mode, lazy loading of images with autoplay On and OFF are just superb options to use.  New features include adding, filtering slides as you deem it fit on your carousel gallery.

Demo | Download

slick plugin

Owl Carousel 2.0 – Touch enabled jQuery plugin

With a heavy set of features for both newbies and advanced developers owl carousel is a class of its own. This is an updated version of carousel slider to its predecessor with the same name.  The slider also packs some built in plugins to improve the overall features. Animate, video play plugin, autoplay of slider, lazy load, auto height adjustments are the top plugins included.

Drag and touch support is integrated to improve mobile browsing with this responsive slider. Merge fit may be a new way of including large width images in slider without any issues, even for mobile browsers.

Examples | Download

owl carousel2

jQuery.Silver Track

A light weight jquery plugin with useful plugins for developing a small core carousel slider which has less impact on the website performance. The carousel plugin can be used to display vertical and horizontal slider animations with your set of gallery images.

Examples | Download

jquery silver track

AnoSlide – Ultra lightweight Responsive jQuery Carousel

An ultra lightweight responsive jQuery carousel plugin which has been updated with more options than a regular slider. The features include single image preview, multiple images in carousel view and caption based slider if you are looking for one slider for all the features.

Examples  | Download

anoslide

Owl Carousel – Jquery Carousel Slider

Owl carousel is a Touch and drag enabled jQuery plugin, easy to implement on your HTML code. The plugin is one of the best out there that lets you create beautiful responsive carousel slider without any special markup.

Examples |Download

image carousel example jquery

3D Carousel Gallery

Using CSS 3D transforms, and just a bit of Javascript.

Examples  | Download

3D Carousel

3D Carousel Using TweenMax.js & jQuery

A beautiful 3D Carousel plugin if you ask me. This 3D carousel look under beta stage as i found some problems right away. If you are interested in testing and creating your own then this carousel is going to great help.

Examples  | Download

free 3D jQuery Carousel plugin

Bootstrap Carousel

A responsive bootstrap carousel slider just for your new website.

Examples  | Download

Bootstrap Carousel

Bootstrap Moving Box Carousel

Most used type of carousel in business, portfolio websites. You can see this in almost every type of website made today as it is very resourceful.

Examples  | Download

moving box carousel

Tiny Circleslider

Its tiny and its overall resolution is already very small and viewable on mobile devices. Tiny circle slider is a circular slider / carousel built to provide developers a simple alternative to other sliders. With built in ios and android support this plugin can deliver some smoothness to your apps as well. Sliding through images in a circular fashion is quite interesting and well implemented which can be set on mouse drag and autoplay as well.

Examples | Download

tiny slider

Thumbelina Content Slider

A Powerful, responsive, carousel for modern websites and devices, plus it works in both vertical and horizontal modes. The total size is 1kb once it is minified so its a ultra light plugin for smooth zoom transitions.

Examples | Download

Thumbelina Content Slider

 

Wow – Carousel Slider

With over 50 effects this may be the biggest source for you to create unique slider design of your own in no time.

Examples |Download

slide Carousel

bxSlider – The Responsive jQuery Content Slider

Resize your browser to see the slider adapt. The bxslider comes with over 50 options and is capable of demonstrating its powerful features with various transition effects.

Examples |Download

jquery content

jCarousel

jCarousel is a jQuery plugin can help you manage gallery items with its powerful features. You can easy build a custom carousel slider of images with the carousel skeleton providing in the example. The slider is responsive and well optimized for mobile platforms.

Example|Download

jCarousel

Scrollbox : jQuery Plugin

jQuery Scrollbox is a lightweight plugin to develop your carousel slider or even a marquee for text based scrolling. The basic features include vertical and horizontal scroll effect with pause on hover over.

Examples |Download

scrollbox

dbpasCarousel

A simple carousel to use on your website if you are looking for fast carousel plugin, this plugin only comes with useful basic features needed for a slider plugin.

Examples |Download

dbpasCarousel

Flexisel : jQuery Responsive Carousel Plugin

Flexisel is inspired by one of the old school jquery plugins jCarousel and has made its complete focus on creating adapting its slider system on mobile, tablet devices. The responsive layout always differs for mobile devices from that of a re sized browser and Flexisel is well coded to adapt to small or big screens.

Examples |Download

Flexisel

Elastislide – A responsive image carousel

Elastislide adapts to the screen size and you can even assign the minimum no of images to be always visible at a certain given resolution. Work well with a image gallery to show carousel by using a fixed wrapper style along with a vertical scroll effect.

Example|Download

Elastislide

FlexSlider 2

Woothemes made this slider free to the public and its one of the the best responsive slider. The code display of different slider templates will be a boon to novice users and experts alike.

Example|Download

flexslider

Amazing Carousel

Amazing Carousel is a jQuery Image Scroller with a responsive code and has been built for multiple cms like WordPress, Drupal and Joomla. This responsive jQuery Carousel supports Android, IOS and desktop variants without any compatibility issues. The pre made templates of amazing carousel will let you present images in vertical, horizontal and circular modes.

Examples Download

amazing carousel

Responsive image gallery – Thumbnail Carousel

A easy tutorial is setup to create a responsive image gallery with thumbnail by using Elastislide plugin and the source code is free to download. The plugin is well adapted to modern devices.

Example | Download

Responsive image gallery

jQuery Liquid Carousel plugin

Liquid carousel is a similar jQuery plugin as Elastislide, where the container of the carousel and the number of items displayed is adjustable relative to screen size.

Example | Download

jQuery Liquid Carousel plugin

jQuery CarouFredsel

CarouFredSel is a plugin which lets you integrate websites like Flickr, 500px and instagram along with manually fetching images from your own source. The jQuery version has been made free to download and it is available on github.

Examples  | Download

basic carousel

Responsive Infinite Carousel

A custom project by Lucas Motta to create a circular responsive carousel with infinite image scroll. There is no limit to scrolling when it comes to this unique jquery, html code.

Demo | Download

Responsive Infinite Carousel

Tikslus Carousel version 2.0

A totally different implementation of previous and next arrows can be seen with this responsive carousel slider. This plugin gives a simplistic feeling to the images being previewed. More features which we may not come across in a carousel plugin these days are a full screen and pause buttons on the preview image. Take a look at the features this plugin offers and i’m sure this plugin will come in handy for some categories of projects.

Demo | Download

tikslus carousel

About Allie Kingsley

Allie Kingsley is a social media manager for designscrazed. She is crazy about new gadgets and up to date with latest technology trends. Use comments to notify any issues you are facing.

Check Also

onepage-cart-plugin

19 Best Online Shopping Cart Plugins

Online stores have grown to a extreme level these last few years as we grow …

42 comments

  1. cyberfly

    hi thanks for the list, help me alot ;)

  2. zaka

    Awesome sliders thanks a lot :) cheers

  3. Ashish Ajani

    Very good list, I often use jCarousel and in my view it works well for me from the list you provided, though I have not tried all of them.

    • Allie Kingsley

      Good to know your opinion.

      • kamlesh mandekar

        Awesome sliders

      • s.s.raj

        Bootstrap Moving Box Carousel only work in bootstrap2

      • ali

        responsive slider i want

  4. Dinesh Adhikari

    Hey #Allie…thank you so much…i have used many jquery on my live and demo sites…it was an amazing experience to use it. As well it first comes in Google search. So it’s rank also a very nice position…on your site i have found a lot of things and as a result i got many things as my experience. I love this site very much..you are great…it’s my pleasure to you..if you will be updated more things about web design and developing then it will better for us…..

    • Allie Kingsley

      Thank you for the feedback, Dinesh. Its nice to have you here. :)

  5. sujoy

    Awesome sliders thanks a lot :) cheers

    • zubair ansari

      oh nice

  6. zubair ansari

    Allie Kingsley u r interested in query system

  7. Rameez

    Really Good Job Awsome Slider :)

  8. koorosh

    Tnx
    Your Site is the Best

  9. sandeeep

    thanks for instruct me. nice collection of web link.

  10. Sam

    Might I humbly suggest that the demo and download links open a new tab/window to avoid having to go back. That way we can more easily explore all the options presented. Awesome collection BTW.

  11. Rodnie

    Hi I’m newbie creating carousels, I made a basic carousel with bootstrap and I want to make a different design…I don’t know if I have to make a design on par with those carousels, I download the zip but because I’m new I get confused making or get the code to see the carousel.. Please help.

  12. Mannie

    Hi Allie, your site is amazing. Thank you for bringing new recipe to the table. Since then I was just using Bootstrap but after seeing this wonderful sliders, I know I really had to try them all. About the demo buttons I agree with Sam, I think it would be better if its going to open new tab for visitors convenience. Cheers :)

  13. sadik sheikh

    thanks for this Allie

  14. numan

    this is aswum nice collection helps me alot :)

  15. Alijenab

    hi my friend . thanks you for this your good website.

  16. Shrikant Kanade

    Hi! Allie I am using many Jquery plugins in my web sites but i was never saw plugins like this before. It’s amazing and

    very beautiful effects. I really like to try these plugins in my future projects. Thanks Allie.

    -Shrikant Kanade, India.

  17. Jonathan Tyar

    Very Nice, it’s help me a lot

  18. Abdo

    i need help

  19. Jorge Rojo

    Hello, I make this: http://jsfiddle.net/JorgeRojo/35x296r3/

  20. Max

    Hi
    thanks for this great list.
    I have tried the dbpasCarousel and no matter what I do it does not work. It appears that my HTML does not link to the CSS and Javascript. I even inserted the styles and JS into the HTML file and it still does nothing.

  21. Talha Ashraf

    Thanks Allie! For giving info about an awesome Jquery carousal slider.

  22. Sven

    That is really awesooome, thanks!

  23. Sandy

    Found out some time ago awesome slider plugin. Currently I am using lite version and I am impressed who many useful tools I can use for free. It is called Motopress slider and you can download it here https://wordpress.org/plugins/motopress-slider-lite/

  24. thanks. amazing carousel

  25. meysam

    hi thanks for list help me alot :)))))))))))

  26. Azeem Hussaini

    Very Good slider..!

  27. Arousha

    Hi thanks for the list…awesome!

    Please add this to the list too : https://wordpress.org/plugins/image-carousel/

  28. Brad

    Thanks for sharing an amazing collection of WordPress Plugin. I hate it when I see several Slider Plugins I fancy. It’s hard making the choice! I would like you to take a look at one amazing Slider Plugin named Avartan Slider, Have a look at: https://wordpress.org/plugins/avartan-slider-lite/

  29. Some unique slider is very helpful which you have given. Thank you for your slider……

  30. For making site more effective to visitors , there have been used carousel . To make this carousel on the site , if the site is made by wordpress there are some of awesome plugins for making carousel .
    Thank you author as this topic has been shared here with some of great slider plugins .

  31. James

    http://slider.js2ls.com/ – it is very simple, easy to use image slider.

  32. AL-HILAL

    sa ma beaucoups aidé
    is very good
    ولله جميل جيداً

  33. mohammad

    hi very good

  34. Ēriks Razguļajevs

    ArtDesignUI is another pretty good slider that I highly recommend, it offers very useful tools for every web project
    you can check it out here artdesign-ui.com/javascript/slider/info

  35. Sabiduria

    Thanks so much Allie Kingsley!!!
    It’s very Awesome

Leave a Reply

Your email address will not be published. Required fields are marked *