Best jQuery Slider Plugins & Tutorials with Demo

    CardSlider : jQuery 3D Card-Style Image Slider

    CardSlider : jQuery 3D Card-Style Image Slider

    CardSlider is a responsive CSS3 3D Card-Style jQuery slider plugin which get inspiration from FWA landing page’s awesome slider.It can make images in to 3d card-style and animate them use CSS 3D transforms and CSS animations.

    • Responsive.
    • 3D Card-style with CSS3.
    • Dark & Light Skins included.
    • Pagination & Navigation controls.
    • AutoPlay supported.
    • Hardware Accelerated CSS 3D Transforms & Animations
    • Slide in six direction width shadow and animations.

    Zenith : Responsive Slider jQuery Plugin

    Zenith : Responsive Slider jQuery Plugin

    Zenith is responsive slider jquery plugin that comes in 4 basic layouts and 7 transition animation available . 4-th layout, or slider layout, has some variations of it’s own, producing 3 more pre-defined sub-layouts and unlimited possibilities of styling, editing and creating some of your own variations. You can edit some HTML, and add that markup by passing it’s elements classes or id’s to the options when initializing zenith.

    Zenith differs from other responsive slider jquery plugins in dozen ways. It’s unique layouts for showcasing highlights will enhance your product, or app presentation. You can style almost every part by passing your own custom CSS directly into options, without even touching the main style.

    SmoothSlides : jQuery Slideshow with beautiful Panning Effects

    SmoothSlides : jQuery Slideshow with beautiful Panning Effects

    A responsive jQuery slideshow with beautiful panning effects on each image.

    Zoom Slider with CSS3 & JavaScript

    Zoom Slider with CSS3 & JavaScript

    A simple content slider with depth-like zoom functionality for a predefined area in each slide.Each slide has a predefined zoom area that will be used to calculate the appropriate scale value for a fullscreen fill. Once the icon for zooming is clicked, the zoom area as well as the page get scaled, creating the illusion that the viewer is approaching the item. Once the whole page is covered, we show some more details.

    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