MachoArts passionately provides useful articles for Creatives. We share resources for Designers, Photographers & bloggers.

21 Beautiful jQuery Sliders for your next Project

Posted in Design By Suraj Vibhute

Developers can do lots of advanced things with jQuery library. By writing just few lines of codes you can create beautiful effects for your websites. Many portfolio websites and blogs are using creative sliders and here we have collected 21 beautiful jQuery sliders which you can use for your next project.

Coin Slider jQuery Image Slider
jQuery Slider 1

Image Slider with Unique Effects. Here are few features: Flexible configuration, Auto slide, Navigation box, Lightweight (8kb only), Linking images, Free to use under MIT licence, Fully customizable using CSS, Compatible with Android and iPhone.

Chop Slider

jQuery Slider 2

Chop Slider is the most awesome and kickassable animated jQuery image slider developed by the iDangero.us Unlimited number of custom animated transitions. It allows you to be fuly creative and create your own transition effects.

Full Page Image Gallery with jQuery

jQuery Slider 3

A stunning full page gallery with scrollable thumbnails and a scrollable full screen preview. It has a thumbnails bar at the bottom of the page that scrolls automatically when the user moves the mouse.

TN3 Gallery

jQuery Slider 4

TN3 Gallery is a full fledged HTML based customizable image gallery with slideshow, transitions and multiple album options. Compatible with all modern desktop and mobile browsers.

Sweet Thumbnails Preview jQuery Gallery

jQuery Slider 5

An image gallery with jQuery that shows a preview of each image as a little thumbnail. When clicking a slider dot, the full image will slide in from the right or left side, depending on the currently viewed image.

DDSlider

jQuery Slider 6

DDSlider introduces a new easy-to-go slider with 9 different unique transitions (+fading & random—11 total) that support Inline Content. You can also have multiple sliders in the same page.

Advanced Slider – jQuery XML slider

jQuery Slider 7

Advanced Slider is a jQuery plugin that allows you to easily create powerfull sliders using either XML , thus making the slider much easier to setup and maintain, or using HTML markup.

WOW jQuery Slider

jQuery Slider 8

WOW Slider is a jQuery image slider with stunning visual effects (Blast, Fly, Blinds, Squares, Slices, Basic, Fade, Ken Burns, Stack, Stack vertical and Basic linear) and tons of professionally made templates.

s3Slider jQuery Plugin

jQuery Slider 9

This script is licensed under Creative Commons Attribution 2.5. So you can use it in all you projects even commercial ones. Simple but very useful jQuery plugin for your next project.

Orbit: A Slick jQuery Image Slider Plugin

jQuery Slider 10

Beutiful jQuery slider plugin having features: Use image thumbnails for navigation, compatible with most of the browsers, cleaner and semantic code.

Nivo jQuery Slider

jQuery Slider 11

This jQuery plugins have many amazing features like 16 unique transition effects, Simple clean & valid markup, Loads of settings to tweak, Built in directional and control navigation, Packed version only weighs 15kb, Supports linking images, Keyboard Navigation, HTML Captions, 3 Slick Themes, Free to use and abuse under the MIT license.

Rotating Image Slider with jQuery

jQuery Slider 12

An asymmetrical image slider with sliding the pictures which slightly rotate them and delay the sliding of each element.

Avia jQuery Slider

jQuery Slider 13

8 unique transition effects, Lots of easy to set options to create your own effects, Included Image preloader, Autoplay that stops on user interaction, Valid HTML5 and CSS 3 Markup, Packed version only weights 8kb, Supports linked images, already prepared to work with prettyPhoto Lightbox, works with jQuery 1.32 and higher

Slides A slideshow plugin for jQuery

jQuery Slider 14

Packed with a useful set of features to help novice and advanced developers alike create elegant and user-friendly slideshows.

jQuery captify

jQuery Slider 15

Captify is a plugin for jQuery written by Brian Reavis to display simple, pretty image captions that appear on rollover. It has been tested on Firefox, Chrome, Safari, and the wretched Internet Explorer.

Advanced jQuery background image slideshow

jQuery Slider 16

With the use of transparent PNG’s, some HTML, pretty nifty CSS and jQuery, you can make this technique work. It features changing text and playback controls.

Image Slideshow with jQuery Cycle

jQuery Slider 17

Easily create a slideshow of our own, complete with previous and next navigation controls. Not a master of Javascript? Don’t worry, the Cycle plugin makes it a breeze to add slideshow functionality to your site, with only a few lines of code required to get things up and running.

Smooth Div Scroll jQuery plugin

jQuery Slider 18

Smooth Div Scroll is a jQuery plugin that scrolls content horizontally left or right. Apart from many of the other scrolling plugins that have been written for jQuery, Smooth Div Scroll does not limit the scrolling to distinct steps.

iTunes-esque slider with jQuery

jQuery Slider 19

A simple slider/slideshow which mostly emulates the one on iTunes barring a few changes. Click the down button to cycle the images.

A Bullet-Proof Content Viewer

jQuery Slider 20

An attractive and space-saving content viewer which even works with JavaScript disabled.

Really Simple Slideshow

jQuery Slider 21

Really Simple Slideshow is a jQuery plugin for creating image slideshows. Images are loaded dynamically as each one is required, allowing for larger slideshows without having to pre-load lots of images.

11 comments
ASP
ASP

Its classic collections. can you provide 2-3 post review at a time in slider ??

Mark
Mark

I think sliders are a fantastic way of making browising a site enjoyable and attractive, particularly for sites that offer a lot of information. I tend to use them mainly for ecommerce design. Thanks so much for sharing these creative sliders. I love the 'smooth div' scroll, and i'll definatley consider using most of these for my next site. Mark.

Web Design
Web Design

Nice beautiful jquery sliders....

Thanks for Sharing!!

sonu
sonu

nice but have u any j-querry which devide ib 3 part

enursa
enursa

nice... i like orbit. simple.

Sandra
Sandra

Great collection, I actually have chosen one of them for my site.

Paul white
Paul white

There is friend of mine who always has some project or the other and the way he make it different from others is amazing. I will suggest this sliders to him so that it will help him.