Best jQuery Slider Plugins & Tutorials with Demo

jcSlider : jQuery Responsive Slider with CSS Animations

jcSlider : jQuery Responsive Slider with CSS Animations

A responsive slider jQuery plugin with CSS animations.This plugin does not use jQuery animations. Only CSS3, because performance matters. No need to calculate distances, sizes or whatever, only add and remove classes to elements to animate them. It couldn’t be easier!

  • Only 1 js file
  • 1Kb minified
  • Responsive
  • Multiple effects (more than 60!)
  • Works with html, images… whatever you want to animate

Fullpage : jQuery fullpage Animated Slider

Fullpage : jQuery fullpage Animated Slider

Fullpage is a  jQuery plugin for fullpage animated slider.

Responsive Layered Slider with CSS3 & jQuery

Responsive Layered Slider with CSS3 & jQuery

In this tutorial you will lean how to create a responsive layered slider. The slider will have multiple slides, each slide will have multiple layers which can have a different fade in effect.

The entire slider works by using just a JavaScript document and you don’t have to attach any CSS style sheets to use it. Each layer will have 18 possible effects which you can use to your liking. All animations are created by inserting CSS code into the page using JavaScript

Suitabs : jQuery Slideshow and Tab Plugin

Suitabs : jQuery Slideshow and Tab Plugin

A jquery plugin for doing slideshow and tab.

Vertigo : jQuery Vertical Content Slider Plugin

Vertigo : jQuery Vertical Content Slider Plugin

Vertigo is a jQuery vertical content slider plugin.

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.



Best jQuery websites design awards