Best jQuery Slider Plugins & Tutorials with Demo

    DreamSlider : jQuery Image Slider Plugin

    DreamSlider : jQuery Image Slider Plugin

    DreamSlider is a jQuery image slider plugin with great visual effects.

    Features:

    • Single image/Gallery mode to create an image slideshow with thumbnails
    • Small file size,easy to implement.
    • Quick load time due to progressive loading of images, which are beyond viewport using lazyloading technique
    • No additional thumb images required.
    • Hover effects for thumbnails : Zoom-in(default),bounce,standout.

    Sequence.js : Step based Animations Slider

    Sequence.js : Step based Animations Slider

    Sequence.js is a CSS-driven framework for building responsive touch-enabled step-based animations. It is ideal for creating sliders, presentations, banners and other sorts of dynamic components. Among the several premium plans you will find a free one that grants you with a personal open-source license.

    Animated SVG Frame Slideshow

    Animated SVG Frame Slideshow

    Today we’d like to share an experimental slideshow with you. The idea is to animate an SVG frame while we transition from one slide to another. Using different shapes we can create a variety of frame styles when morphing the SVG path. We are using anime.js for the animations.

    Most Wanted jQuery Plugins Pack

    Most Wanted jQuery Plugins Pack

    Almost all the plugins you need to create a complete and professional website are founded in THE MOST WANTED PLUGINS PACK: Premium Sliders, Video Players, Logos Showcase, Full Screen Image Or Video Backgrounds, Audio Players, Radio Players, Carousels, Countdowns.

    Liquid Distortion Effects with JavaScript

    Liquid Distortion Effects with JavaScript

    Today we’d like to share an interesting distortion effect with you. The main concept of this demo is to use a displacement map in order to distort an underlying image, giving it different types of effects. To demonstrate the liquid-like transitions between images, we’ve created a slideshow.We’ll be using PixiJS as our renderer and filtering engine and GSAP for our animations.

    nanameSlider : jQuery Skew Content Slider Plugin

    nanameSlider : jQuery Skew Content Slider Plugin

    nanameSlider is the free and simple skew content slider jQuery plugin.

    • Uses native CSS3 translate3d and skewY.
    • Slides can contain HTML content, or images
    • Fully responsive – adapt to any device
    • Mobile touch slider
    • Browser support: Firefox, Chrome, Safari, iOS, Android, IE11
    • Tons of configuration options

    Herotabs : jQuery Tab Switcher Plugin

    Herotabs : jQuery Tab Switcher Plugin

    A tiny, fully accessible tab switcher for jQuery.Useful for standard tabs and also ‘hero’ style tabs often found at the top of websites to display content.

    Thumbelina : jQuery Content Slider Plugin

    Thumbelina : jQuery Content Slider Plugin

    Thumbelina is a very lightweight content slider specifically designed for use with galleries of thumbnail images.

    PIGNOSE Gallery : jQuery Slider Gallery Plugin

    PIGNOSE Gallery : jQuery Slider Gallery Plugin

    PIGNOSE Gallery is so simple and fast gallery style component.

    rsSlideIt : jQuery 2D/3D Slideshow Transformations Plugin

    rsSlideIt : jQuery 2D/3D Slideshow Transformations Plugin

    Performs a smooth 2D/3D transition from one HTML element A to another element B.

    Features:

    • Runs a single transition or a sequence of transitions;
    • Transition effect is automatically computed between two slides;
    • Fallbacks to browsers that do not support 3D transformations and CSS3 animations;
    • Highly customizable:
      • Any markup you want. Only restriction is sliders to be contained in a parent blocked element;
      • Strong event driven support;
      • Single transition or a sequence of transitions (movie mode);
      • Transition duration, easing function animation and zoom vertexes;
      • Optional user zoomming and panning between each transition.
    • Responsive design, suitable for any window sizes;