Best jQuery Slider Plugins & Tutorials with Demo

Motion Slider jQuery Plugin

Motion Slider jQuery Plugin

Motion Slider is a responsive jQuery slider plugin for mobile and desktop that enables multi-transition and browser prefix free CSS animation to your HTML DOM elements.

  • Easy CSS Animation with Multiple Transitions
  • Create Cool 2D and 3D Transforms
  • Works with CSS3 Animation
  • No Browser Prefix Needed
  • Use Text, ScrambleText, Bezier and Physics2D Plugins
  • Break Apart an Image into Tiles or Text into Lines, Words or Characters
  • Fully responsive
  • Cross-browser, IOS and Android Compatible
  • Multiple Sliders in One Page
  • Smart Loading Using Adaptive Images

JSONslider : jQuery slider for Pictures stored in a JSON file

JSONslider : jQuery slider for Pictures stored in a JSON file

JSONslider is a simple jQuery slider for pictures stored dynamically in a JSON file you can edit without messing up your HTML.

Sangar Slider : Modern jQuery Slider Plugin

Sangar Slider : Modern jQuery Slider Plugin

Sangar slider is responsive and mobile ready with touch support.

Feature :

  1. Responsive and touch ready
  2. Full width slider
  3. Content Slider
  4. Multiple pagination type : bullet , text and image
  5. Javascript API to control the slide using external component

Pogo Slider : jQuery Animated Slider Plugin

Pogo Slider : jQuery Animated Slider Plugin

Pogo Slider is a jQuery plugin that allows you to create animated image/content sliders. CSS animations are used to transition between slides. A CSS animation can be triggered on element within a slide, after the slide transitions in, and as the slide transitions out.

jQuery Diagonal Slider Plugin

jQuery Diagonal Slider Plugin

jQuery plugin to create a responsive diagonal slider.
The diagonal image slider works like an accordion that when you mouse hover it expand each image. Also you can add a title to the image to give a brief description.

jQuery Hero Slider

jQuery Hero Slider

A full-width, responsive and easy to customize slideshow, enriched by a tabbed navigation.

SmartWave : jQuery Content Carousel Plugin

SmartWave : jQuery Content Carousel Plugin

SmartWave is a smart content carousel plugin with a lot of great features! Along with smooth CSS3 transitions, retina-ready controls and support for wide range of browser, SmartWave can rotate items in perspective during scroll, accelerate when you swipe faster, resize by choosing best items size and number of visible items and finally, perform “lazy loading” of images, what dramatically reduces loading time on mobile devices!

Prism Effect Slider with HTML5 Canvas & JavaScript

Prism Effect Slider with HTML5 Canvas & JavaScript

Today we’d like to show you how to build a simple slider with an interesting “prism” effect. The idea is to place a shape in front of the slider and “reflect” the images of each slide, in order to create the illusion of a prism. We’ll be using the HTML5 canvas element and plain JavaScript.

Slidea : A jQuery Smarter Responsive Slider Plugin

Slidea : A jQuery Smarter Responsive Slider Plugin

Slidea by Pixobyte is a super fast and intuitive multi-purpose content slider which completely leaves the competition behind. Slidea has been developed with simplicity, efficiency and innovation in mind, making it the perfect slider solution for your website. Built on the jQuery, VelocityJS and Animus animation framework, the slider was developed to offer the ultimate motion design experience.

  • Touch Enabled
  • Layers and Objects
  • Material Design Ready (by Google)
  • Multiple Sliders
  • Responsive Thumbnails
  • Video Backgrounds
  • Custom Events API
  • SCSS Theme Files
  • Dynamic Caching

Product Preview Slider with CSS3 & jQuery

Product Preview Slider with CSS3 & jQuery

An easy way to show more product images and variations right in the product gallery.  A simple slider to check product variations before jumping into the product page.



Best jQuery websites design awards