Best jQuery Slider Plugins & Tutorials with Demo

Slice Revealer : Simple Reveal Animation with Anime.js

Slice Revealer : Simple Reveal Animation with Anime.js

Today we’d like to share a simple reveal animation.The idea is to cover and uncover an image with slices to either hide or show it. The slices can be vertical or horizontal and can come from different directions. Playing with the number of slices, delays and colors, creates a plethora of possible looks for this effect.We are using anime.js for the animations.

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.