iBrandStudio - Resources in Designing Your Brand Identity

50 Amazing jQuery Slider Plugins for Perfect Portfolio Website

Posted February 11th, 2012 in Inspiration by Eko S

Have a good portfolio website is essential for you, whether you’re a freelance, student or unemployed. You need to showcase your best work and allow people to contact you. The one way to have a good portfolio website is by engage the visitors with your design showcase. And implemented jquery image gallery and jquery slider on your portfolio website is the best way to achieve this. This feature is commonly used in portfolio sites, corporate sites or personal blogs.

In this article you’ll find 50 Amazing jQuery Slider Plugins collection that you can implement into your portfolio website. Or if you’re interested in learning how to create your own slider, previously we have collected 70+ jQuery Slider Tutorials to Make your Online Portfolio Stand Out.

TN3 Gallery – jQuery Slider and Image Gallery

jQuery Slider Plugins

Take a Tour Download

by TN3 Gallery
A jQuery slideshow plugin, 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.
Features:
– Multiple transitions/effects
– Slideshow options
– CSS Skinning
– Full-screen option
See all features

Easy Slider 1.7 – Numeric Navigation jQuery Slider

jQuery Slider Plugins

Demo Download

by Alen Grakalic
An update of easySlider plugins with 2 new features:

  • numeric navigation (as an alternative to next/previous buttons)
  • continuous scroll instead of jumping to the first (or last) slide

RoyalSlider – Touch-Enabled jQuery Image Gallery

jQuery Slider Plugins

Demo Download

by Semenov
RoyalSlider is easy to use jQuery image gallery with animated captions, responsive layout and touch support for mobile devices. Easily add unlimited number of slides and captions. Use it as image slider, image gallery, banner rotator, banner ads, or even presentation. For wordpress version, here.

SlideDeck

jQuery Slider Plugins

Demo Download

by Digital Telepathy
An amazing content slider: SlideDeck – A Better Way To Provide Content On The Web with the goal is to make it easier for users to digest and understand the content of a website.

slideViewer (a jQuery image slider built on a single unordered list) 1.2

jQuery Slider Plugins

Demo Download

by Gian Carlo Mingati
SlideViewer is a lightweight (3.5Kb) jQuery plugin wich allows to instantly create an image gallery by writing just few lines of HTML such as an unordered list of images

jqFancyTransitions – slideshow with strip effects

jQuery Slider Plugins

Demo Download

by Ivan Lazarevic
jqFancyTransitions is easy-to-use jQuery plugin for displaying your photos as slideshow with fancy transition effects.

AviaSlider – jQuery Slideshow

jQuery Slider Plugins

Demo Download

by Kriesi
AviaSlider is a very flexible and easy to use Image slideshow plugin for jQuery with a set of really unique transitions that were nver available before, as well as some basic transitions, so the slider will fit into every project.
It comes with an image preloader so the slider starts when images are ready to be shown. No clumsy animations with half loaded images.

Presentation Cycle – Cycle with a progressbar

jQuery Slider Plugins

Demo Download

by Gaya
Presentation Cycle is a variation on the functionality of jQuery Cycle script. Instead of generating a list of numbers that are clickable Presentation Cycle generates a progress bar that shows when the new slide will appear.

Nivo Slider

jQuery Slider Plugins

Demo Download

by Dev7studios
The world’s most awesome jQuery & WordPress Image Slider, with features:

  • 16 unique transition effects
  • Simple clean & valid markup
  • Loads of settings to tweak
  • Built in directional and control navigation
  • Packed version only weights 12kb
  • Supports linking images
  • Keyboard Navigation
  • HTML Captions
  • 3 Slick Themes
  • Free to use and abuse under the MIT license

jQuery Easy Slides v1.1

jQuery Slider Plugins

Demo Download

by DaleDavies
Possibly the easiest to use jQuery plugin for making slideshows! jQuery Easy Slides also has the advantage of being fairly light weight, with both Javascript and CSS weighing in at just under 2.1kb.

Advanced Slider – jQuery XML slider

jQuery Slider Plugins

Demo Download

by bqworks
Advanced Slider is a jQuery plugin that allows you to easily create powerful sliders using either XML , thus making the slider much easier to setup and maintain, or using HTML markup. The plugin also provides an easy to use API which will allow to further enhance the functionality of the slider and make it possible to integrate it into your own application. For wordpress version, here.

Horinaja

jQuery Slider Plugins

Demo Download

by D.Massiani
Horinaja is a ready-to-use slide-show implementation, utilizing either scriptaculous/prototype or jQuery. Horinaja is innovative because it allows you to use a mousewheel for navigation.

mbSlider

jQuery Slider Plugins

Demo Download

by mike182uk
mbSlider is a multi-purpose, highly customizable content slider. It can slide anything from videos and images, to iframes, flash and html markup. What really makes mbSlider is its customizability. mbSlider has over 18 customizable properties from slide direction, slide speed and animation easing to dynamically generated controls and pagination, slide orientation and customizable return to start animation. All of this backed up with a solid api documentation, simple installation and low file size makes mbSlider the perfect content slider for your site.

Dragdealer JS

jQuery Slider Plugins

Demo Download

by OVIDIU CHERECHEȘ
Dragdealer is a drag-based JavaScript component that embraces endless front-end solutions. Elegantly crafted for JavaScript-aware coders.

Smooth Div Scroll

jQuery Slider Plugins

Demo Download

by Thomas Kahn
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. As the name of the plugin hints, scrolling is smooth. There are no visible buttons or links since the scrolling is done using hotspots within the scrollable area or via autoscrolling. Unobtrusive and smooth is the key here.

Supersized jQuery Plugin

jQuery Slider Plugins

Demo Download

by Sam Dunn
Supersized is a fullscreen background slideshow built using the jQuery library.

Pikachoose

jQuery Slider Plugins

Demo Download

by Jeremy Fry
A simple jquery plugin to slideshow your image gallery.

UnoSlider – Responsive Touch Enabled Slider

jQuery Slider Plugins

Demo Download

by Unodor
UnoSlider is a jQuery content slider plugin with an unlimited transition animations (really, unlimited!) and a wide range of a features like touch enabled, mobile optimized interface, animated layers, responsiveness and a lot of other features.

bxSlider

jQuery Slider Plugins

Demo Download

by bxCreative
bxSlider is a content jQuery slider with features:

  • Horizontal, vertical, and fade transitions
  • Display and move multiple slides at once (carousel)
  • Prev / next, pager, auto controls
  • Easing transitions
  • Random start
  • Ticker mode
  • Before, after, first, last, next, prev callback functions
  • Optional styling included
  • Tons of options

slideViewerPro 1.5

jQuery Slider Plugins

Demo Download

by Gian Carlo Mingati
slideViewerPro is a fully customizable jQuery image gallery engine wich allows to create outstanding sliding image galleries for your projects and/or interactive galleries within blog posts.

Slides

jQuery Slider Plugins

Demo Download

by Nathan Searles
Slides is a slideshow plugin for jQuery that is built with simplicity in mind. Packed with a useful set of features to help novice and advanced developers alike create elegant and user-friendly slideshows.

Simple Controls Gallery v1.4

jQuery Slider Plugins

Demo Download

by Dynamic Drive
Want to display images as an automatic slideshow that can also be explicitly played or paused by the user? Simple Controls Gallery rotates and displays an image by fading it into view over the previous one, with navigation controls that pop up when the mouse rolls over the Gallery.

jQuery OneByOne Slider Plugin

jQuery Slider Plugins

Demo Download

by sike
The OneByOne Slider is a lightweight jQuery plugin you can use to display your image and text one by one. The CSS3 animation is driven by Animate.css. It’s mobile friendly, which support wipe left/right on your touch device like iPhone & iPad. You can drag and drop to navigate with your mouse too.

s3Slider jQuery plugin

jQuery Slider Plugins

Demo Download

by Boban Karišik
The s3Slider jQuery plugin is made by example of jd`s smooth slide show script.

JCoverflip

jQuery Slider Plugins

Demo Download

by New Signature
jCoverflip has been developed to enable fast and granular customization of the look and feel and feature set.

Elastislide – A Responsive jQuery Carousel Plugin

jQuery Slider Plugins

Demo Download

by Mary Lou
Elastislide is a responsive jQuery carousel that will adapt its size and its behavior in order to work on any screen size. Inserting the carousels structure into a container with a fluid width will also make the carousel fluid.

Orbit: A Slick jQuery Image Slider Plugin

jQuery Slider Plugins

Demo Download

by ZURB
Sick of confusing and bloated image sliders that never work? Rock ZURB’s Orbit for a mere 4KB.

LayerSlider – The Parallax Effect Slider

jQuery Slider Plugins

Demo Download

by kreatura
This is a jQuery content slider using the famous parallax-effect! You can create as many layers and sublayers as you want. You can use images or any other HTML elements, including Flash movies as layers. The script is very user-friendly, you can add global settings or local (per slide) settings to each layer or sublayer. You can change delay times, easing types, durations and much more.

jQuery UI Slider

jQuery Slider Plugins

Demo Download

by Scott
An amazing jQuery UI Slider, this plugin uses progressive enhancement to replace an already-functional HTML select element with a jQuery UI slider control, and adds a number of features for both visual users and those on assistive technologies.

FLEXSLIDER

jQuery Slider Plugins

Demo Download

by Tyler Smith
An awesome, fully responsive jQuery slider plugin. With features:

  • Simple, semantic markup
  • Supported in all major browsers
  • Horizontal/vertical slide and fade animations
  • Multiple slider support, Callback API, and more
  • Hardware accelerated touch swipe support
  • Custom navigation options
  • Use any html elements in the slides
  • Built for beginners and pros, alike
  • Free to use under the MIT license

simpleSlide

jQuery Slider Plugins

Demo Download

by d. drew design
A super simple jQuery Slideshow plugin, with features – EASY – SMALL – FLEXIBLE – NEAT

Sliding Image Gallery jQuery Plugin

jQuery Slider Plugins

Demo Download

by Justin Mead
The idea behind this plug-in is to display a varying number of images in an attractive and easy to use manner.

Translucent – jQuery Banner Rotator / Slideshow

jQuery Slider Plugins

Demo Download

by VF
This is a jQuery Banner Rotator / Slideshow with translucent background set for caption. Supports touch swipe navigation for iPad and Android tablets. More than 35 plugin settings included for customization. The captions can be customized by both plugin settings as well as CSS.

Blueberry Slider

jQuery Slider Plugins

Demo Download

by Mark Tyrrell
A jQuery image slider plugin which has been written specifically to work with fluid/responsive web layouts.

Coin Slider

jQuery Slider Plugins

Demo Download

by Ivan Lazarevic
A jQuery image slider with unique effects, and the other features:

  • Free to use under MIT licence
  • Compatible with Android and iPhone
  • Unique transition effects
  • Valid markup
  • Flexible configuration
  • Auto slide
  • Navigation box
  • Lightweight (8kb only)
  • Linking images
  • Fully customizable using CSS

jQuery.popeye

jQuery Slider Plugins

Demo Download

by Christoph Schüßler
jQuery.popeye is an advanced image gallery script built on the JavaScript library jQuery. Use it to save space when displaying a collection of images and offer your users a nice and elegant way to show a big version of your images without leaving the page flow.

Colorbox

jQuery Slider Plugins

Demo Download

by Jack Moore
A lightweight customizable lightbox plugin for jQuery 1.3+

jQuery Slider Evolution

jQuery Slider Plugins

Demo Download

by aeroalquimia
Slider Evolution is a JQuery plugin that lets you easily create powerful javascript sliders with very nice transition effects. Enhance your website by adding a unique and attractive slider!

Coda-Slider

jQuery Slider Plugins

Demo Download

by Niall Doherty
A jQuery slider plugin that aimed to mimic the slider effect on the promo page for Panic’s Coda software.

AnythingSlider jQuery Plugin

jQuery Slider Plugins

Demo Download

by Chris Coyier
A really full featured slider so it could be widely useful, with features:

  • Slides are HTML Content (can be anything)
  • Next Slide / Previous Slide Arrows
  • Navigation tabs are built and added dynamically (any number of slides)
  • Optional custom function for formatting navigation text
  • Auto-playing (optional feature, can start playing or stopped)
  • Each slide has a hashtag (can link directly to specific slides)
  • Infinite/Continuous sliding (always slides in the direction you are going, even at “last” slide)
  • Multiple sliders allowable per-page (hashtags only work on first)
  • Pauses autoPlay on hover (option)
  • Link to specific slides from static text links

jQuery Multimedia Portfolio

jQuery Slider Plugins

Demo Download

by Arnault Pachot
Non obstrusive and accessible portfolio supporting multiple media : photos, video (youtube and flv), audio (mp3), and pdf documents.
This plugin for jQuery will automatically detect the extension of each media and apply the adapted player.

jQuery Cycle Plugin

jQuery Slider Plugins

Demo Download

by malsup
The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more.

Estro – jQuery Ken Burns & swipe effect slider

jQuery Slider Plugins

Demo Download

by pixelentity
“Estro” meaning “creativity”, “talent” or “inspiration”, in Italian, is a fitting monicker for this beautiful slider. This slider includes a smooth and powerful Ken Burns effect which is completely configurable and compatible with all major browsers (including ie7 to ie9, Firefox Chrome, Opera, Safari) and mobile platforms like iphone / ipad. If the Ken Burns effect is not your thing, that’s OK because the “Estro” slider also includes a 2-way “Swipe” mode with configurable transitions.

ResponsiveSlides.js

jQuery Slider Plugins

Demo Download

by Viljamis
ResponsiveSlides.js is a tiny jQuery plugin that creates a responsive slideshow using images inside a single container. It work with wide range of browsers including all IE versions from IE6 and up. It also adds css max-width support for IE6 and other browsers that don’t natively support it. Only dependency is jQuery and that all the images are same size.

wmuSlider

jQuery Slider Plugins

Demo Download

by Brice Lechâtellier
A jQuery responsive slider. Please keep in mind that it’s still very raw (really) and under the MIT LICENSE, which basically means: break it, steal it but THE STUFF IS PROVIDED “AS IS”!

FSS – Full Screen Sliding Website Plugin

jQuery Slider Plugins

Demo Download

by lydian
FSS is a jQuery plugin for creating full screen sliding websites. The live preview is just a sample of what can be accomplished with FSS . It can be easily integrated into your website by placing a piece of javascript code between the tags. FSS can work with any website, regardless of its design. You can create full screen and scrollable AJAX websites in no time.

Agile Carousel

jQuery Slider Plugins

Demo Download

by Ed Talmadge
A javaScript Slideshow for Agile Development.
Implement your slideshow with the Agile Carousel JQuery plugin. Highly customizable so you can build according to your requirements.

jQuery Slider plugin

jQuery Slider Plugins

Demo Download

by Egor Khmelev
jQuery Slider is easy to use and multifunctional jQuery plugin that supports any webkit based touch mobile devices such as iPhone/iPod/iPad and Android.

jQuery Carousel Evolution

jQuery Slider Plugins

Demo Download

by Mapalla
jQuery Carousel Evolution is a jQuery plugin that allows you to easily create powerfull carousel slider using HTML markup. The plugin also provides an easy to use API which will allow to further enhance the functionality of the carousel.

Skitter Slideshow

jQuery Slider Plugins

Demo Download

by Thiago S.F
A jQuery slideshow plugin for anytime, included plugin for wordpress.

share button
Powered by Shutterstock

10 Responses so far.

  1. Federica says:

    We just developed and released a new and very light (3.5kb minified) jQuery content slider, check it out if you please: http://muslider.musings.it Enjoy!

  2. […] 50 Amazing jQuery Slider Plugins for Perfect Portfolio Website – To showcase your best work is by engaging the visitors with your design showcase. And implemented jquery image gallery and jquery slider on your portfolio website is the best way to achieve this. […]

  3. Sedat Kumcu says:

    Thanks for this great collection. Best regards.

  4. Never hurts to have more options readily available at your arsenal.

    Thanks for listing these. Personally I have used Nivo and loved it. Easy too, but I didn’t like that if you play it it doesn’t autoresume.

  5. […] Advanced Slider is a jQuery plugin that allows you to easily create powerful sliders using either XML , thus making the slider much easier to setup and maintain, or using HTML markup. 50 Amazing jQuery Slider Plugins for Perfect Portfolio Website | iBrandStudio […]

  6. Anvesh says:

    Thank you very much. I have used many of these in my websites.

  7. Ather says:

    To contribute to this great collection of plugins, I would like to mention here that I have developed a free portfolio plugin which is here

    http://www.nimble3.com/nimble-portfolio-free-filterable-jquery-porfolio-wordpress-plugin/

    Would love to hear some feedback.

    Thanks

  8. Julia Agnes says:

    WOW! Amazing collection! Thanks for sharing )

  9. […] 50 jQuery Slider Plugins for Portfolio Websites […]

Leave a Reply