javascript plugins Archives - Page 2 of 2

30+ Fantastic jQuery carousel slider

Often web designers worked with jQuery carousel slider plugin. Now in most of website have Carousel slider feature specially ecommerce site, business site, portfolio site etc. Web designers are using carousel slider for displaying feature items, products, brand partners etc. The facility of using carousel plugin is you can display more items in a few space on your website.

We can see the latest themes which are releasing on premium marketplaces like themeforest, almost every site have this feature. Especially in ecommerce template, business template, portfolio template which I mentioned above.

As a web designer I worked with UX design agency and many carousel slider plugins. I designed lots of templates for my clients and in those templates I integrated many jQuery carousel plugins as my client’s requirement. Over online you will find hundreds of jquery carousel slider plugins. Some of them are free & some of them are premium. The benefit of premium carousel plugin is they all have more advance features which are not available into free plugins. But some awesome developers made some very nice carousel plugins which have also that kind of advance features and the good news is those plugins are 100% free to use. I mean you can use those plugins in your personal or commercial projects. Although some free plugins will not allow you to use the plugin in commercial projects, you may need to make a donation or purchase commercial license to do that.

I spend long time over google to search some of the best free & premium jquery carousel plugins for you which will save your time to find a perfect carousel slider for your project. Hope you will find the perfect one.

Here is my collection of jquery carousel plugins, choose the perfect one for your project.

OWL Carousel

OWL Carousel is a very lightweight jquery carousel plugin which will let you make a beautiful, responsive & touch enable carousel slider.
Some features:

Responsive design
Touch enabled
8 different types
Bullet & text link navigation

Preview + Download

bxSlider

bxSlider slider is best known for carousel. It’s a lightweight highly customizable jquery slider plugin which will allow you to add a horizontal or vertical carousel slider with sliding and fading effects.
Some features:

Responsive layout
Sliding & fading effects
Horizontal & vertical slide
Slides can contain html content, images, videos.
Touch enabled

Preview + Download

Thumbelina Content Slider

Thumbelina Content Slider
Thumbelina is a very lightweight carousel plugin. You can display your items in some nice way with Thumbelina. Its allow you to make your slides horizontally & vertically with zoon-in/zoom-out effects.
Some features:

Responsive layout
Zoom-In / Zoom-Out effects
Lightweight
Highly customizable
Ready to use cool skins

Preview Download

iCarousel™ – Premium

iCarousel™ - jquey carousel slider
iCarousel is a powerful & lightweight jquery carousel slider which will allow you to display your images in 3D style. It comes with huge advance features and it’s looking very modern.
Some features:

Responsive design
2D & 3D effect
Lazy loading
Keyboard & touch support
Browser compatible
Fully supported on IOS, Android.

Preview Source

Logos Showcase Pro – Grid – Carousel – Perspective – Premium

Logos Showcase Pro - Grid - Carousel – Perspective - Premium
Logos Showcase Pro allows you to display your clients, products, brands, portfolio, sponsors in some nice way. It comes with lots of variety options.
Some features:

Responsive layout
Touch enabled
Tooltip
Link target (_blank/ _self)
2 different skins

Preview Source

anoSlide – Ultra lightweight responsive jQuery carousel

anoSlide - Ultra lightweight responsive jQuery carousel
It’s a very lightweight jquery slider plugin which will allow you to add carousel & beautiful image slider into your template.
Some features:

Responsive layout
Lightweight
Highly customizable
Beautiful skin ready to use.

Preview Download

Elastislide A Responsive Image Carousel

Elastislide A Responsive Image Carousel
Elastislide is really useful carousel slider plugin while you want to display your portfolios, brands, clients etc in a portion of your website.
Some features:

Responsive layout
4 different layout
Ready to use templates
Simple sliding effects

Preview Download

FlexSlider 2

FlexSlider 2
FlexSlider is a responsive jquery carousel slider plugin which will allow you to display your items in simple but beautiful sliding effects.
Some features:

Responsive layout
Fully customizable
Sliding effects

Preview + Download

Amazing Carousel – Responsive jQuery Carousel, WordPress Image Scroller

Amazing Carousel - Responsive jQuery Carousel, WordPress Image Scroller
Amazing Carousel comes with variety type of carousel sliders. It will allow you to display your items in horizontal & vertical mode with 12 different templates.
Some features:

Responsive design
Video support
Vertical navigation for vertical layout
Title & text support
12 different predefined layouts

Preview Download

UtilCarousel Responsive jQuery Carousel Plugin – Premium

UtilCarousel Responsive jQuery Carousel Plugin - Premium
If you are looking for testimonial slider then UtilCarousel is the perfect for you. It not only allows you to display your client testimonials also you can show your brands, portfolios, brands or anything you want with 7 different nice layouts.
Some features:

Responsive layout
Touch enabled
7+ different layouts
Social buttons in each slide
CSS3 transitions
Beautiful testimonial view
Title & description in each slide

Preview Source

Sky jQuery Touch Carousel – Premium

Sky jQuery Touch Carousel - Premium
Display your features images or brands or portfolios or something else in your website very nicely with Sky jQuery Touch Carousel.
Some features:

Responsive design
Touch enabled
Keyboard & mouse wheel support
CSS3 effects
3 different skins

Preview Source

Ultimate 3D carousel – wordpress plugin – Premium

Ultimate 3D carousel – wordpress plugin - Premium
It goes with its name. This is really a i-chaching 3D style carousel slider which can give a awesome look to your template.
Some features:

Responsive design
Keyboard navigation
Mouse wheel support
Title & description in each slide
Amazing 3 different styles
3D effects

Preview Source

Flexisel – Responsive Carousel jQuery Plugin

Flexisel - Responsive Carousel jQuery Plugin
Display your items or clients logo with Flexisel. This is my favorite jquery carousel slider plugin. I personally used it on my many projects.
Some features:

Responsive design
Simple but beautiful sliding effects
Auto slides

Preview Download

Slick – The last carousel you’ll ever need

Slick - The last carousel you'll ever need
Slick comes with many fantastic options. You can display your items in some very beautiful way into your website with Slick carousel.
Some features:

Responsive design
Sliding & fading effect
Single or multiple sliding
Swipe supported
Highly customizable

Preview Download

3D Carousel Gallery

3D jquery Carousel slider image gallery

Some features:

Responsive layout
3D style
Rounding effects

Preview Download

jQuery Scrollbox

Some features:

Horizontal & vertical mode
Vertical scrolling
Link text

Preview Download

Everslider – Responsive jQuery Carousel slider Plugin – Premium

jQuery Scrollbox
Everslider is perfect for those whom are looking for jquery carousel slider. It allows you to add a beautiful touch enabled responsive carousel slider on your website. A wordpress version also available of this plugin.
Some features:

Responsive design
Touch enabled
Play/pause button
Title & description in each slide
Sliding effects
Fading effects with lazy loading

Preview Source

Tiny Circleslider – A lightweight cross browser circular carousel

Tiny Circleslider - A lightweight cross browser circular carousel
Tiny Circleslider will allow you to add a circular carousel slider on your website.
Some features:

Circular style
Rounding slides
Auto slides
Lightweight

Preview + Download

3D Carousel Using TweenMax.js & jQuery

3D Carousel Using TweenMax.js & jQuery
This is a fantastic 3D style carousel slider which can make your website looking more dashing.
Some features:

Responsive layout
3D effects
Rounding slides
Zoom in / Zoom out
Mouse navigation

Preview Download

CodingJack’s 3D Carousel – Premium

CodingJack's 3D Carousel

Some features:

Swipe enabled
Mobile friendly
3D effects
Mouse navigation
Highly customizable

Preview Source

Bootstrap – Responsive Moving Box Carousel Demo

Bootstrap - Responsive Moving Box Carousel Demo

Some features:

Responsive layout
Sliding effects
Title & subtitle in each slide
Link to each slide

Preview Download

jQuery Liquid Carousel plugin

Some features:

Responsive layout
Simple sliding effect
Image navigation

Preview + Download

Rondell

Rondell
Showcase your images with this awesome free carousel plugin. This plugin will allow you to display your images in some unique carousel style.
Some features:

Responsive layout
Touch & swipe enabled
Next/previous buttons
2 different unique style

Preview Download

SilverTrack – A smart and very extensible jquery sliding carousel

SilverTrack - A smart and very extensible jquery sliding carousel
SilderTrack not only allow you to display your items in horizontal mode also you can add a vertical carousel with it.
Some features:

Responsive layout
Lightweight
Horizontal & vertical mode
Sliding effect

Preview Download

Circular Content Carousel – with jQuery

Circular Content Carousel - with jQuery
This is a perfect carousel slider plugin for content. If you are looking for a content carousel plugin then here it is.
Some features:

Responsive layout
Image navigation
Mouse wheel supported
Beautiful style Title & description in each slide

Preview Download

accarouosel

accarouosel
This is a perfect carousel slider plugin for content. If you are looking for a content carousel plugin then here it is.
Some features:

Sliding effect
Numeric navigation
Next/previous buttons
Expand to touch

Preview Download

Responsive carousel scrolling justified items by Cool Carousels

Responsive carousel scrolling justified items by Cool Carousels
This is a perfect carousel slider plugin for content. If you are looking for a content carousel plugin then here it is.
Some features:

Responsive layout
Single sliding effects
Auto slide

Preview + Download

Slideshow with sketched preview of the next image by Cool Carousels

Some features:

Sketched looking
3 slide can contain together
Title with each slide

Preview + Download

rcarousel – a continuous jQuery UI carousel

Some features:

Any html content supported
Browser compatible
Vertical view supported
Highly customizable

Preview + Download

Conclusion:
I tried to bring here some of the best jQuery carousel plugin. If you found any broken link feel free comment below. Thanks

4 MindBlowing jQuery vertical carousel slider

jQuery vertical carousel slider plugin are most useful when you want to display your brands, portfolios, clients, logos etc in a portion of your website. It looks good when you displaying your items in a corner on your website for displaying those things.

Many many free or premium templates are releasing everyday & now it’s a must have feature in all kind of websites especially in photography, portfolio, business etc sites.

Often web designers are looking for vertical carousel slider plugin. There are huge jQuery slider plugins available on the net. It’s hard to find an appropriate vertical carousel slider plugin for our project. I also searched for vertical carousel slider for some of my projects. That time I didn’t find high quality vertical carousels.

But time has been changed now. There are now lots of free & premium vertical sliders available. Today I bring for you some of the best free jquery vertical slider which will can save your lots of time to find one for your project.

Choose the appropriate jQuery vertical carousel slider for your project from below

Amazing Carousel – Responsive jQuery Vertical Carousel Slider

Amazing Carousel is getting popularity in everyday. Because they have all most all kind of carousel sliders that people need.

Responsive design
Horizontal & vertical mode
Video support
Content supported
Prettyphoto
& lot’s more

Preview Download

SilverTrack – A smart and very extensible jquery vertical carousel

A perfect slider for vertical carousel. SiilverTrack will allow you to add your items in not only horizontal also vertical mode. It’s Very easy to use & highly customizable.

Responsive layout
Vertical carousel with horizontal slide
Smooth sliding effects

Preview Download

Elastislide A Responsive Image Carousel

Elastislide comes with very smooth sliding,, ready to use skins & lightweight. It has 4 templates which can easily use for 100% of cost.

Responsive design
Ready to use skins
4 different templates
Smooth sliding effects

Preview Download

rcarousel – a jQuery UI vertical carousel

You are not limited to use this jquery vertical carousel slider with only images. Also you can put html contents to display yout items in it.

Any content can be use
Multi-carousel
Browser compatible
Vertical & horizontal mode

Preview + Download

Conclusion:
If you found any other one which is also awesome & I forget to mention here, feel to let me know by commenting below. Thanks

Beautiful 25+ jQuery fullscreen slider for background image

September 11, 2014/1 Comment/in javascript plugins, jQuery Plugins /by Hazel H

jQuery fullscreen slider is a elegant and flexible way to making creative designs specially while you designing websites for photography, music, modeling, fashion, beauty etc.There are lots of plugins available to showcase portfolios or something that you want to display. But fullscreen background image slideshow is an i-caching way to display your items which can attract people more efficiently.

It gives an incredible look to any website. If you are creating a music site, photography site, beauty, fashion or personal for a model then you may need to add a fullscreen background slider to make your design more awesome.

I was personally designed some templates for some of my clients on odesk & freelancer. Those websites are related to fashion, photography & personal portfolio website. In those templates I added some fullcreen background sliders according to their PSD design which are Vegas Background jQuery Plugin, SuperSlides full screen slider & Sepersized plugin. These background sliders are highly customizable. Anyone can customize these sliders according to their template.

I saw lots of themes specially photography, music, modeling, beauty, fashion etc, they included jquery fullscreen slider into their theme and those theme are looking really like a charm. There are huge fullscreen image background sliders are available for free & premium.

I spend lots of time over google searching to find these background sliders for web designers which will save your time to finding one for you. Here I will show you some of the best free & premium fullscreen background sliders that I found over google searching. Hope you can find your appropriate jquery background slider from below.

Sepersized jquery plugin

Display your portfolios or any items as your website background by using Sepersized jQuery plugin. There is lots of features included into this plugin. It has 3 effects on each slide which are fading, carousel, slide right.
Some features:

Responsive layout
Navigations
Progress bar
Play/Pause button
Thmubnail preview

Preview Download

Fullscreen Background Image Slideshow with CSS3

A fantastic background fullscreen slider which through you can easily display your items with captions. The best part of this fullscreen slider is it’s made by only CSS3 technology, no jquery library is needed.
Some features:

Responsive layout
Beautiful animations
Animated captions
4 styles

Preview Download

Superslides – A fullscreen slider for jQuery

SuperSlides is made by Nic Aitch a javaScript specialist. You can give a stunning look to your template by adding SuperSlides background image slider. You are not only allowed to add images also can add caption & description in each slider.
Some features:

Responsive layout
Images & bullet navigations
Caption & description to each slide
Very lightweight only 2.2KB
Sliding effects

Preview Download

Animated fullscreen background image slideshow

This plugin will allow you to add background images with simple sliding effects. You are able to add caption and description about each slide.
Some features:

Simple sliding effects
Numeric navigation’s
Keyboard navigation enabled
Link to each slide

Preview Download

Blueprints Background Slideshow

Blueprints image slideshow display images with smooth fading effects. If you are making photography or portfolio templates then you can add Blueprints as your background image slider.
Some features:

Responsive layout
Navigations with play/pause button
Fading effects
Simple but beautiful plugin

Preview Download

Useful: Best 50+ Responsive jQuery image slider

jquery Slider Zoom In/Out Effect Fully Responsive – Premium

Make your design more stunning with this jQuery fullscreen slider. Amazing effects, layered animations & CSS3 technologies made this plugin awesome. This is actually a multipurpose slideshow plugin. Perfect for fashion gallery, portfolio and music templates.
Some features:

Responsive design
4 different templates
Separated layers for elements
CSS3 animations
Touch enabled
Zoom-In/Zoom-out
Text animations
3 different skins
Thumbnails preview on bullets hovering

Preview Source

mightySlider – Responsive Multipurpose Slider – Premium

mightySlider comes with 25 predefined different templates and all are responsive. It has advance customization options to make the slider perfect for your design. This plugin is perfect for professional business or portfolio sites.
Some features:

Responsive design
Amazing sliding effects
25 different templates
Video support (youtube, vimeo or custom player can be added)
Keyboard & Touch supported
Captions & descriptions in each slide

Preview Source

FullScreen Background / Gallery – Image and Video – Premium

Perfect fullscreen background slider especially for arts gallery, photography, Design agency etc. If you are making a creative & unique template for your client or selling purpose on market place then you can do it with FullScreen Background Image and Video plugin.
Some features:

Fully responsive design
Fading & sliding effects
Thumbnail supported
Touch enabled
Browser compatible
Text animations
Video supported (youtube, vimeo)
2 different templates

Preview Source

Vegas Background jQuery Plugin

Vegas is an amazing background image jQuery plugin which will allow you to add your image or items in smooth fading effects. Its developed by Jay Salva.
Some features:

Responsive design
Thumbnail preview
Lazy loading
Highly customizable

Preview Download

Fullscreen Image Blur Effect with HTML5

Some features:

3 different templates
Thumbnails supported
Image blur effects
Animated caption

Preview Download

MaxImage – jQuery Cycle plugin as Fullscreen Background Slideshow

MaxImage is perfect jQuery fullscreen slider for stylish and fancy templates. You can turn this slider in any style according to your desing if are a css expert. Because it’s highly customizable fullscreen jquery background image plugin.
Some features:

Responsive layouts
Simple fading effects but beautiful
Image navigation
Link each slide
Caption & description in each slide
Video support

Preview Download

Fullscreen Slideshow with HTML5 Audio and jQuery

If you are looking for fullscreen image slideshow for photography template then here it is. This is an incredible fullscreen slider which is perfect for photography template. A audio will play with each slide which specially make this plugin Awesome.
Some features:

Responsive design
Thumbnail supported
Audio in each slide
Play/pause option
Caption & text in each slide

Preview Download

Theme Slider – jQuery FullScreen Touch Slider Plugin – Premium

Theme Slider comes with a powerful package. Over 30+ text animations, 95 predefined layer, 10+ sub-layer animations, 650+ fonts, css3 technologies made this plugin outstanding.
Some features:

Responsive design
Touch enabled
Video support
Amazing animations effects
650+ fonts
Auto play
CSS3 animations

Preview Source

FullScreen Background Slider – jQuery SlideShow – Premium

Some features:

Fully Responsive design
Social icons
Play/pause button
CSS3 transitions
Fully Browser compatible
36 animations

Preview Source

jQuery.mb.bgndGallery

Some features:

Responsive layout
Thumbnails preview
Keyboard navigation’s
Easy to setup

Preview download

RSlider – Full Screen Responsive jQuery Image and Content Slider

Make a beautiful image background slideshow with RSlider which is a nice jquery fullscreen slider. You can able to display your images by category. RSlider comes with smooth sliding effects but beautiful. It’s a perfect plugins for portfolio or image gallery websites.
Some features:

Fully Responsive design
Image navigation’s
Sliding effects
Category based images

Preview Download

Fullscreen Slit Slider with jQuery and CSS3

Some features:

Fully Responsive design
Unique sliding effects
Image & bullet navigation’s
Caption & description for each slide
2 different template (fullscreen slideshow & full width slideshow)

Preview Download

FSSlider – A Fullscreen Slider for your Background – Premium

Some features:

Fully resizable fullscreen slider
3 different transitions
13 different texture on images
Browser compatible
Easy configuration

Preview Source

Backslider – Fullscreen Background Image Slider – Premium

Some features:

Responsive layout
Animated background image slideshow
4 different animation effects
Load images directly from Flickr & Picasa

Preview Source

Simple jQuery fullscreen image gallery

Another fantastic jquery fullscreen slider for showcasing images, perfect for music, portfolio or fancy websites.
Some features:

Responsive design
Thumbnail preview
Image navigation
Lazy loading
Fading effects
Caption to each slide

Preview Download

Tubular – Jquery background video

If you are looking for background video slider then Tubular is here for you. It’s allow you to play videos in your website background.
Some features:

Responsive design
Background video playing
Play/pause button
Volume up/down button
Mute button

Preview | Download

Fullscreen Video Slideshow with BigVideo.js

This plugin also allow you to add videos in your background.
Some features:

Responsive layout
Background video
Caption

Preview Download

GalleryJack Rebooted – A jQuery Fullscreen Gallery – Premium

Some features:

Responsive design
Thumbnail preview
Image category
Play/pause button
Message, social icons, audio on headphone options on top right side
Tooltip on thumbnails
Video support

Preview Source

jQuery Resizable FullScreen Gallery Plugin – Premium

Some features:

Responsive design
Very lightweight
Thumbnail support
Navigation on thumbnails
Simple fading effects

Preview Source

Fullscreen Music Player – Premium

Some features:

Responsive design
Perfect fullscreen plugin for music template
Audio player
Play/pause button
Image navigation
Song title

Preview Source

jQuery MultiTransition Gallery Sliders Collection – Premium

Some features:

Fully Responsive
Audio & video support
Audio, Video setting (volume, play/pause)
Caption
6 different transition
Thumbnail support

Preview Source

Conclusion:
While I am writing this post all of the above jquery fullscreen sliders are working great. I can not ensure that all those plugins will be working like now in the future, cheek yourself. Let me know if you found any broken links. I tried to show you some of the best fullscreen background image video slider. If you found any one which is also great then feel free to let me know by commenting below. Thanks

Awesome 30+ jquery slider with thumbnails

September 9, 2014/0 Comments/in javascript plugins /by Hazel H

Here I will show you some of the best free & premium thumbnail jquery sliders that can give a awesome look into your design. Choose your jQuery slider with thumbnails from here. Thumbnail jquery sliders are best for showcasing your images, products or some that you want to display in a nice way.

There are thousands of jquery slider plugins are available on the net. Some are free & some are premium. If you are searching for a thumbnail slider plugin for your template then you are in the right place. All of the jQuery thumbnails slider below are responsive, best uses in display portfolios, showcasing products, Gaming sites and more. By using this type of thumbnail slider you can make an unique design. If you are making premium templates for selling on premium marketplaces then you must use one of the jquery thumbnail slider to make your template beautiful & can boost your sells.

Choose one of the jQuery slider with thumbnails according your template design from below

Revolution Multimedia Gallery

Revolution Multimedia Gallery comes with lots of features. With latest CSS3 techniques make this slider more awesome. Almost all kind of element types are supported in this plugin. Revolution works very well in all major browsers.

Some Features:

Responsive layout
Supported in all major browsers
Supported in all mobile devices
Video support (vimeo, youtube, )
Audio
iFrame, Ajax, HTML content,
Google maps

Preview Source

Sleek 7 – Complete Slider Packet

Sleek 7 is a complete slider package for web designer. It’s comes with highly advance features which can make your design incredible.

Some Features:

Responsive layout
16+ templates
Thumbnail preview
Full screen like pretty photo
Very smooth sliding effects

Preview Source

Master Slider – Responsive Touch Swipe Slider

Master Slider has 25 different templates which can give you a ultimate slider pack to design your template. This is fully responsive thumbnail image and content slider.

Some Features:

Responsive layout
Touch enabled
Lightbox integrated
Thumbnail previews on lightbox
Social buttons integrated
25 different templates

Preview Source

Useful: Incredibily nice 50+ jquery image slider

FlexSlider 2

FlexSlider is very popular which is comes with thumbnail slider, carousel slider, basic image slider. FlexSlider 2 is made by Woo themes and it’s 100% free to use.

Some Features:

Responsive layout
Thumbnail support
Carousel support
Simple image slideshow
Lightweight

Preview + Download

Amazing Slider – A jQuery Slider with Multiple Rows Thumbnails

Amazing Slider is a ultimate pack of jquery sliders. You will find almost any kind of slider like image slider, thumbnail jquery slider, gallery slider, video slider, content slider and more.

Some Features:

Responsive layout
25+ different templates
Video, audio support
Carousel support

Preview Download

Lof JSliderNews

A fantastic thumbnail image slider which is best for portfolio & product showcasing.

Some Features:

Title & content support
6 different templates
Mouse scroll supported on thumbnail previews
6 different effects

Preview Download

7 Layer – Responsive LayerSlider

7 Layer is a fantastic jquery slider which is comes with many advance features like lightbox, html5/ css3 animations, fully responsive and more.

Some Features:

Responsive layout
250+ fantastic animations
Html5/ Css3 animation
Cross browser compatible
Touch enabled
Keyboard navigation supported
Lightbox supported
Video(youtube, vimeo) support
More..

Preview Source

Magic Slider with layers & Carousel with LightBox

You can make your design awesome by using Magic Slider. Fully responsive and comes with highly customizable options. With amazing CSS3 effects, html5 support make this plugin really advance.

Some Features:

Responsive layout
CSS3 animations
Html5 audio, video support
Touch enabled
2 different skins (carousel & thumbnail)
Fade & slide transitions
Youtube, video
Lightbox support
Carousel and jquery slider with thumbnails

Preview Source

GalleryView

Some Features:

Simple fading effects
Beautiful thumbnail effects
Thumbnail title
Navigations
Easy to setup

Preview Download

jQuery Responsive Thumbnail Gallery Plugin

Some Features:

Responsive layout
Simple slide effect
Beautiful thumbnail preview
Fully customizable

Preview Download

Jssor Slider

Jssor is an amazing jquery slider pack solutions which is 100% free to use for personal or commercial projects. All most all kinds of sliders are available into Jssor pack like content slider, image thumbnail slider, carousel slider, simple image slider, video gallery slider etc.

Some Features:

Responsive layouts
Amazing effects
Touch enabled
Navigation’s
100% free to use

Preview Download

Raxus Slider / Easy-to-Use Advanced HTML5 Slider

Raxus Slider comes with some amazing options like on-click full screen with thumbnail support. You can easily slide texts and images into it. Raxus is a HTML5 responsive slider.

Some Features:

Responsive layout
Fullscreen view with thumbnail
Caption & text
Keyboard navigation
Touch enabled
Auto play
Vertical slide

Preview Source

Parallax Slider – Responsive jQuery Plugin

Parallax Slider comes with 4 types nice templates that can make a web template beautiful specially the thumbnail slider type.

Some Features:

Responsive layout
Touch enabled
2 predefined skins
Video support (youtube, video and HTML5 video)

Preview Download

Slippry – Thumbnail jquery image slider

Some Features:

Responsive layout
Caption
Navigation
Thumbnail image preview
Simple sliding effects
Easy markup & setup

Preview Download

Camera – Image thumbnail jquery plugin

Some Features:

Responsive layout
Thumbnail image preview
Play/pause button
Navigations
Beautiful effects

Preview Download

Agile Thumbnail Carousel

Some Features:

Thumbnail with caption
Carousel support
Vertical thumbnail support
Fading transitions
Play/ Pause
Navigations

Preview + Download

Galleriffic

Galleriffic is a fantastic vertical image thumbnail gallery plugin which will allow you to display your images in a nice way. Galleriffic is perfect for showcasing your portfolios or whatever you want.

Some Features:

Vertical thumbnails
Pagination support for thumbnails
Play/pause button
Next/previous buttons
Caption & text

Preview Download

Lightspot Slider – Standalone

Some Features:

Vertical thumbnail image
Vertical numeric pagination
Caption
Image description Texts
Image links

Preview Source

jQuery Easing Slider

jQuery Easing Slider will allow you to add images with beautiful and awesome animations. It has lots of unique effects and advance features.

Some Features:

Responsive layout
Text animation
Accordion supported
Vertical thumbnail with image preview
Progress bar
Caption

Preview Source

Slider4all – A WordPress thumbnail slider plugin

Some Features:

Responsive layout
Amazing effects
Thumbnail support
Video support
Multi-layer

Preview Download

BeaverSlider

Some Features:

Very beautiful effects
Thumbnail previews
Highly customizable

Preview Download

Wow Slider

WowSlider is a totally slider pack solution. With 76 types different templates made this slider really WOW. Almost every kind of sliders it has like content slider, jquery slider with thumbnails, gallery slider and lot’s of.

Some Features:

Responsive layout
Thumbnail preview
Caption + text
Navigations
Touch enabled
Nice sliding effects

Preview Download

bxslider

bxSlider is best known for its carousel feature. It’s a very simple, lightweight & but more powerful jquery slider plugin. You can not only display images also you can slide your content through bxSlider.

Some Features:

Responsive layout
Thumbnail support
Navigation
Lightweight

Preview Download

Responsive Image Gallery

This plugins is really beautiful and useful while you want to showcase your images in fantastic way. It’s unique interface can make your design amazing.

Some Features:

Responsive layout
Thumbnail image carousel
Switch to enable/disable the carousel
Caption
Lazy loading

Preview Download

Touch N Swipe Image Gallery

Touch N Swipe is a full screen image thumbnail slider which can be make your website beautiful. This plugin is perfect for photography template.

Some Features:

Fully responsive layout
Thumbnail support
Switch to enable/disable thumbnail
Navigations
Play/pause button
Zoom-In/Zoom-out
Touch enabled
Android, IOS and cross browser compatible.

Preview Source

PgwSlider – Vertical Thumbnail Slider

PgwSlider thumbnail slider is perfect for news magazine site. You can display your images or news in a nice way.

Some Features:

Fully responsive
Vertical thumbnail
Captions
Smooth fading effects
Easy to install

Preview Download

CSS3 featured content slider

Very simple but useful. You can display your feature items with this slider. A jquery slider with thumbnails.

Some Features:

Simple sliding effects
Thumbnail image preview
Content can be add
Caption + text

Preview Download

Pikachoose

By using Pikachoose you can easily add a jquery slider with thumbnails. It’s very lightweight but advance jquery thumbnail image slider with some amazing features.

Some Features:

Responsvie layout
Fancybox supported
Tooltip supported
Thumbnail preview
Caption

Preview Download

Elastic Image Slideshow with Thumbnail Preview

Some Features:

Responsive layout
Thumbnail on hover in navigations
Captions with text
Sliding effects
Auto play

Preview Download

TN3 Lite

Some Features:

Play/pause button
Thumbnail preview images
Navigations
Captions + text

Preview + Download

Conclusion:
Above sliders are working nice while I am writing this post. I tried to show you some best only jquery slider with thumbnails. Feel free to let me know if you found one which is also a great thumbnail slider plugin. Thanks.

Best 50+ Responsive jQuery image slider free & premium

September 7, 2014/0 Comments/in javascript plugins /by Hazel H

Most of the time web designers need variety of sliders for their client projects. Sometime it’s hard to find a perfect jQuery slider for those projects. Here we will show you some of the best & amazing responsive jQuery image slider for your project.

jQuery programmers are developed lots of slider plugins. Some of them are free and some of them are premium. There are thousands of jQuery sliders available in various purposes like jQuery image slider, video gallery slider,content slider, parallax slider, thumbnail slider, full screen slider and many many more.

If you are a web designer and searching for a jquery image slider for showcasing your images then here I bring for you only some jQuery image sliders which are can give a new look into your template.

Take a look at jQuery image slider free download for designing awesome web templates.

Jssor Slider – A multipurpose jquery slider

Jssor slider is a latest jquery slider plugin in 2014. It’s free to use for any purpose, it means you can use this in your commercial projects. Jssor slider is proving a wide range of slider types. Jssor is a complete package of jquery sliders. What kind of slider you want? Image slider? Thumbnail slider? Content slider? Or what? Jssor have almost all those types sliders.

Some features:

Responsive design
100% free to use
40+ slider types
Including image slider, content slider, thumbnail slider, video gallery & more….
Touch supported

Preview Download

Blueberry

According to popularity of smartphones Mark Tyrrell made this image slider. He builds this plugin especially for responsive web designs. Blueberry is very basic jquery image slider which will display only images in fade-in fade-out mode.
Preview + Download

Blueprint – Full Width Image Slider

By using Bluprint you can display a full width image slider which is made by the very popular codrops. This slider is best for showcasing your feature services. Blueprint is fully responsive.
Preview Download

Fancy 7 – Touch Image Slider / LightBox

Fancy 7 is perfect for image slider. It has lots of features that can be made your design unique. With 380+ animations, 10+ fancy skins make this slider more awesome. You will not only able to add this plugin as image slider also you can add captions, contents & more..

Some features:

Fully Responsive
Carousel support
Video support
Touch support
Css3/ html 5 transitions
Lazy loading

Preview Source

PgwSlider – Responsive slider for jQuery / Zepto

I personally like PgwSlider because it gives us a nice way to display our images with fade effects. Also we can set captions in bottom of every slide.

Some features:

Fully responsive
Cross browser supported in desktop and mobile both
Very lightweight only 3KB
Opensource project

Preview Download

Sweet Thumbnails Preview Gallery

Sweet Thumbnails allow you to display your images in thumbnail mode. If you want to display only images with simple sliding effect on your template then this jquery plugin will help you.

Some features:

Image navigation
Bullet navigation with thumbnail preview

Preview Download

Wallop Slider – jQuery image slider free download

Wallop is suitable for image slider. If you are looking for a simple & lightweight jquery image slider plugin then here it is. Wallop is made by JavaScript, yes its jQuery free image slider. All effects are in css.

Some features:

Fully responsive
jQuery free
All effects in CSS3
Lightweight only 3KB minified
Minimal javascript

Preview Download

Code slider

Code is a simple responsive image slider which has simple sliding effects. All animations & effects in this slider plugin are made by css3.

Some features:

Responsive design
Touch Supported
Animations/ Effects in CSS3
4 height type support min, max, auto, fix.
Fullwidth setup with media & mCanvas options

Preview Source

Cute Slider – 3D & 2D HTML5 Image Slider

Cute slider comes with a wide range of customizable options. It’s a best slider for those who are looking for 3d or 2d effects. Beautiful transitions through javascript, it’s a jquery free slider plugin. Just look at the demo I hope you will be surprised what effect they gives in it. Extremely Fabulous!

Some features:

Fully responsive
3D & 2D effects
5 different templates
More than 100+ transitions available
Completely cross browser compatible for desktop & mobile
Video support (youtube, vimeo)
Preview thumbnail over bullet navigations
Made by JavaScript

Preview Source

A-Slider | Responsive slider with audio support

A-Slider is made by Varun Naik. This slider not only slide images also can slide any contents. The best part of this slider is you can play audio with each slide. It will make a new difference into your layout. So why late jQuery image slider free download now.

Some features:

Can be added audio to each slide
Can be added multiple sliders on the same page
Also content can be slide
Easy to setup

Preview Download

Camera Slider

Camera slider is the best free slider plugin I ever used. I used this plugin in my many projects. Its setup is very easy, fully customizable and beautiful looking. Camera is free to use, no need to spend money on it but you should consider some bucks as donation for this awesome work as I personally did.

Some features:

Fully responsive
Fully customizable
Thumbnail support
Html5 support
Amazing effects
Image/bullet navigation with play pause button
More…

Preview Download

Flat-style Polaroid gallery

Flat-style Polaroid gallery does awesome job for displaying your images as scatter mode. This jquery image slider is perfect for showcase your image. It has its own style, so you can make your template stunning through using Polaroid gallery plugin.

Some features:

Fully responsive
Scattered view images
Bullet navigation
Full screen support

Preview Download

SimpleSlider – Desktop/Mobile Hybrid

SimpleSlider is perfect for image sliding. You can also add any html type content into this slider.

Some features:

Fully Responsive
Touch supported
Html5 / css3 supported

Preview Source

AZSlider – Content & Image Slider

Az is a amazingly designed content & image slider which is build with html5 & css3. AzSlider can present your contents or images in some eye-catching ways. It has almost all those modern features that a modern website needs. It’s fully responsive & touch swipe supported nagivation for IOS & android devices. It’s very easy to install even if you don’t know much about coding knowledge.

Some features:

Fully responsive
Advance slider editor dashboard
Touch & swipe supported navigation
Animated objects
5 ways to arrangements slides
Parallax effects
Preloading
Bullet & arrow navigation
Custom animation system

Preview Source

HiSlider

Hi is a Fantastic jquery image slider free download for personal use only. HiSlider is providing a desktop app where you can create image sliders for your template without any coding knowledge.

Some features:

Fully responsive design
3D & 2D effects
Multiple templates & skins
Fantastic transitions
Video support
Touch supported
Cross browser compatible for desktop & mobile.

Preview Download

Nivo Slider

Nivo is the most popular slider plugin over net. It’s jquery version is free to use. It has very beautiful transition effects also it’s a responsive jquery image slider.

Some features:

Fully Responsive
Highly customizable
Multiple templates
Bullet/Image navigation
Awesome transitions

Preview Download

SlidesJS

Perfect for showing images. This is a simple image slider plugin which allow you to display your images in various css3 transitions.

Some features:

Fully responsive
Swipe supported
Bullet/image navigation
Easy setup

Preview Download

Responsive Image Slider

By using this plugin you can display your images in fading effects, Responsive Image Slider is responsive, beautiful also it’s easy to setup.

Preview Download

FlexSlider 2

FlexSlider is a very popular jQuery free image slider which is made by Woothemes. You are able to display images in simple sliding mode, thumbnail sliding mode, with navigations & lots more feature available in FlexSlider 2.

Responsive design
Video supported
Cross browser compatible
Thumbnail preview available
Carousel mode available
Bullet/Image nav supported

Preview Download

Responsive Slides – download free jQuery image slider

Are you looking for a simple jquery image slider which through you will display your image gallery then Responsive Slides is for you.

Fully Responsive
3 style nav
Fading effects
Very lightweight only 1KB.
CSS3 transitions
Captions & other elements can be use in slides

Preview Download

Bxslider – The Responsive jQuery image & Content Slider

Bxslider is a highly customizable jquery image and content slider. Through this slider you are not only able to display your images also you can slide any contents you want. Bxslider comes with lots of variety types of slides.

Fully responsive
Video support
Horizontal, vertical & fade mode
Build-in Touch / Swipe support
Cross browser supported
19 templates available

Preview Download

Versatile Touch Slider jQuery Plugin

Versatile Touch Slider comes with some slider variations like carousel, thumbnail, full screen etc. This plugins is supported various file types. Versatile allows you to display not only images also other products in carousel mode with audio, video,lightbox & many more options.

Lightbox (audio, video, image)
Carousel view
Image thumbnail view
Ajax content
Video support (youtube, vimeo, FLV, MP4)
Touch supported

Preview Source

Rockstar Slider – jQuery touch slider/gallery

Rockstar is very simple jquery slider which will allow you to display images in sliding mode. This slider is easy to setup, no css files, very lightweight.

Responsive
Lightweight only 5KB
No css files
Touch supported
Super easy setup

Preview Source

ZoomFlow – Banner Rotator / Teaser

ZoomFlow is the perfect image jquery slider for portfolio. It uses html5 & css3 animations for 3d effects. You can integrate an awesome banner rotator to showcase your portfolio items through ZoomFlow.

Fully responsive
IOS & Android compatible as well
3D effects
Caption & content can be use
Lightweight & powerful

Preview Source

Wowslider – Ultimate jquery slider pack

Wowslider is an ultimate jQuery slider pack solution. It has advance options to customize the slider. There are 71 types slider are available into Wow. Each has different effects. They are providing a desktop app for WIN/MAC, you just installed the app and make your slider by own. What kind of jquery slider you want? In Wowslider you will find almost all kind of slider like thumbnail slider, image gallery slider, video gallery slider, content slider, full screen slider I told before approximately 71 types slider are available.

Fully Responsive
Touch supported
71 types slider
3D effects
Highly customizable
Video support
& many many more..

Preview Download

Sequence

Fully responsive
Thumbnail support
Caption support
Perfect for product showcase

Preview Download

owlcarousel

Owlcarousel is out of the box. I personally used this jquery slider plugin on my many clients project. Setup is super easy, nice effects. You are not only able to display images also Owl is best for showcasing products.

Responsive design
Touch enabled
Lightweight
Carousel support
7+ different templates

Preview Download

Responsive Image Gallery with Thumbnail Carousel

This jquery slider is perfect for image showcasing. If you are making photography template then you must add this kind of image slider to make your design awesome. It’s really a good looking slider, I will call it sexy slider plugin. Responsive image gallery will display your images with thumbnail preview. You user can enable / disable the thumbnail from top right corner of the slider.

Fully responsive
Thumbnail support
Enable/Disable thumbnail on the fly
Lazy loading
Fast loading

Preview Download

Amazing slider – jQuery Slider, jQuery Video Gallery, WordPress Slideshow

Amazing slider is a slider pack solution. There are 18 templates available. Each slider template is unique and looking very professional. To get a chosen template you have to download their app and create the slider according your template need.

Responsive design
18 different templates
Amazing effects
Video support
Thumbnail support on navigations

Preview Download

Ultimate Smart Slider

Fully Responsive
Swipe support
Keyboard navigation
CSS3 transitions
3D effects
40+ image transition effects
11 caption transition effects
Twitter bootstrap compatible
Thumbnail preview on bullet navigations

Preview Source

jQuery Easing Slider

This is a fancy image slider for showcasing images. It has nice animation in images, thumbnails and captions. Make your site more dashing through jQuery Easing Slider.

Responsive design
Cross browser compatible
Fancy animations
Thumbnail preview

Preview Source

Javascript image slider

This is a jQuery less javaScript image slider which will showcase your images in some nice way. There are 8 templates available in this slider.

17 different effects
8 different templates
Thumbnail on bullet navigations
Very lightweight only 15KB
Linking images support
Caption support

Preview Download

Galleria – A javaScript image gallery slider

Galleria is a fantastic image gallery slider. Full screen option made this slider awesome. You are not only able to display your images in slider also it has on the fly full screen options.

Responsive layout
On fly full screen switch
Video support
Cross browser compatible
On click gallery switch
Play/Pause button
Caption support

Preview + Download

Swipe

Mobile slider
1.1 Touch movement
Very lightweight
Scroll prevention

Preview Download

StackSlider: A fun 3D image slider

Display your images in 3D style with captions. It’s not only beautiful on desktop also on mobile devices.

Responsive layout
Countdown bars
Caption support
3D effects

Preview Download

Glide slider

It’s a beautiful full screen jquery image slider free download. Display your images in full screen mode with this slider.

Keyboard navigation enable
Lightweight
CSS3 transitions
Touch screen friendly

Preview Download

jQuery Content Scroller DZS

Responsive layout
Smooth sliding effects
Touch enabled
Auto height
Carousel view supported

Preview Source

Dynamic Slider

Sliding & fading effects
30 different themes
50 different templates
Lightweight
Easy to setup
Horizontal & vertical mode
Touch enabled

Preview Source

Diapo

Diapo comes with some fantastic 3D effects, camera and diapo both are made by pixedelic.com. It has tons of setting. Although this slider is no longer updating.

Amazing 3D effects
Thumbnail preview on bullet navigation’s
Caption support
Video support
Content support
Play/ Pause button

Preview Download

Adaptor – jquery content slider

Adaptor is a fantastic 3D image slider plugin which allow us to display our images in 3D style in horizontal, vertical, vertical scroll, fade modes.

3d & 2D effects
9 different styles to display images
Progress bar

Preview Download

Fotorama – A simple, stunning, powerful jQuery gallery.

jQuery image slider free download for personal or commercial projects

Responsive layout
Thumbnail support
Touch enabled
Open source can be use in commercial projects

Preview + Download

HASHSLIDER

Hash is a simple image slider which will allow you to add images in simple sliding effects.

Preview + Download

tn3gallery

Thumbnail support
Play/Pause buttons
Caption support

Preview Download

jQuery slideViewerPro – A ‘pro’ jQuery image slider built on a single unordered list.

jQuery slideViewPro gives us a nice way to display our images in sliding mode. It has also thumbnail support with navigations.

Preview + Download

Awkward showcase

Sliding effects
Image & Numeric navigation
Content can be use
Tooltip support
Video support

Preview Download

Craftyslide

Simple sliding effects
Bullet navigations
Caption support
Very lightweight only 2KB

Preview Download

Basic jQuery Slider

Fading effects
Text & numeric navigations
Caption supported
Lightweight

Preview Download

Sudo slider

Responsive layout
CSS3 animation
Cross browser compatible
Tons of animation
Ajax content supported
Touch enabled
Ticker mode enabled

Preview Download

Really Simple™ Slideshow

This plugin goes with its name. It’s really a simple image slider plugin which allow you to display your images in fade mode. Nothing else, very lightweight.

Preview Download

Conclusion:
The Above sliders are working file while I am writing this post. All of the above sliders are perfect for creating image gallery. Here I tried to bring best sliders for you especially for images. If we forget to add anyone or more that are also awesome then feel free to let me know by commenting below.

12 jQuery animate scrolltop plugins

September 4, 2014/1 Comment/in javascript plugins, jQuery Plugins /by Hazel H

JQuery animate scrolltop plugins are very useful specially when your page too long. It gives your viewers a smooth way to go back to the top. If your page is too long then you should add jquery scroll top plugin into your site. Everyone wants their visitor stay on their site more time. It will be possible when you make your site user friendly.

Visitors don’t want to go top of the page via browser scrollbar at this time. That’s why you can add a jQuery animate scrolltop plugin to make your site user friendly. Here I will show you some of the best jQuery scroll top plugin, choose one of them for your site or project.

1. scrollUP

By scrollUp plugin you can add 4 type of scroll top link into your site like Tab, Pill, Link, Image. ScrollUP is a very lightweight & easy to use scroll top jquery plugin which can be integrate into any kind of websites.

Demo View Article

2. Scrolling to the top and bottom with jQuery

This plugin is made by a Codrops author which is a very popular site specially for jQuery plugins. They are doing really awesome job. Anyways, By using this top bottom scroll plugin you can add not only scroll top functionality also you will be able to add scroll bottom option. That’s mean your visitor not only can go to top also they can go bottom as well if they wish.

Demo View Article

3. An Animated Scroll To Top Button With jQuery

Add a scroll top link with this simple lightweight plugin. It’s very easy to use. Make your webpage more efficient for visitors by adding this jquery animate scrolltop plugin.

Demo View Article

4. jQuery smooth scroll to top and bottom

Here is an another great jquery animate scrolltop plugin. With this plugin you can add scroll top and scroll bottom button into your site which is very user friendly. That’s mean your visitor can go top and bottom of the page by only one click.

Demo View Article

5. Scroll to the top of a webpage with jQuery

This plugin will allow you to add 2 buttons into your webpages, one is for scroll top and one is for scroll bottom. When your visitors on the top of the page they will see a button which is for scroll bottom and when they go bottom of the page they will see an another button which is for scroll top. So with this plugin you are able to add not only scroll top also a scroll bottom functionality into your webpages.

Demo View Article

6. Simple Back to Top Link

This plugin will add a very nice back to top button with fade-In & fade-Out effect. Means when your visitors go down they will see a button come up with fade-In effect and when they click on that for go to top the button will hide with fade-Out effect.

Demo View Article

7. jQuery Scroll to Top Control

This plugin will allow you to add an image as your scroll top button within a div. So you can set your any kind of custom image as your scroll top functionality.

Demo + Article

8. Smooth Page Scroll to Top with jQuery

This is a simple plugin for scroll top functionality for any kind of website. Make your website more user friendly by this scroll top plugin.

Demo View Article

9. jQuery Animated Scroll to Top

Animated scroll to top plugin is a great performer for including back to top functionality in your webpage. Give your viewers to a smooth feeling when they want to go back to the top of the page.

Demo View Article

10. Jquery TopLink Plugin

Display a simple scroll top link when your visitors go down to your webpage. It’s a nice way to give your viewer to back to the top option for user friendly experience.

Demo View Article

11. UItoTop

If you are searching for a jquery animate scroll top plugin then here it is. You can easily add a scroll top button with it. This plugin will help your viewers to go to the top with smooth animation.

Demo View Article

12. jQuery Back to Top

Add a back to top button into your site with this plugin. It’s very lightweight and easy to use. When your visitors go down they will a back to top button on your site and can go top of the page by one click.

Demo View Article

While I am writing this all of the above jquery scroll top plugins are working fine. I can’t ensure that all this plugins will be working in the future.
Disclaimer –

Conclusion:
I tried to bring here all of the best jquery ScrollTop plugins for you. If I missed anyone or more that are also awesome feel free to let me know by commenting below. Thank You!