Best jQuery Slider Plugins & Tutorials with Demo

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;

PIGNOSE : jQuery Parallax Slider Plugin

PIGNOSE : jQuery Parallax Slider Plugin

Pignose is a jQuery slider plugin that is supported “Parallax” effect.

jQuery Parallax Scroll Snap with Slider

jQuery Parallax Scroll Snap with Slider

Creates a parallax backgrounds effect for sections by snapping to them on mouse scroll.Ideal for one page sites. Easy to configure and setup.