Best jQuery Parallax Plugins & Tutorials with Demo

Slidea : A Super Smart Responsive jQuery Slider Plugin

Slidea : A Super Smart Responsive jQuery Slider Plugin

Slidea is a super fast and intuitive multi-purpose content slider which completely leaves the competition behind.

Slidea has been developed with simplicity, efficiency and innovation in mind, making it the perfect slider solution for your website. Built with the use of jQuery, GSAP and Animus, the slider is guaranteed to offer unmatched motion design experience.

SamsaraJS : Layout Animation library

SamsaraJS : Layout Animation library

SamsaraJS is a functional reactive library for animating layout. It provides a language for positioning, orienting and sizing DOM elements and animating these properties over time. Everything in SamsaraJS — from the user input to the rendering pipeline — is a stream. Building a user interface becomes the art of composing streams.

Multi-Layered Parallax Illustration with CSS & Javascript

Multi-Layered Parallax Illustration with CSS & Javascript

In this tutorial we will learn how to create a simple multi-layered illustration with depth that transitions into the content in a unique way. We’ll be using a technique that involves CSS and pure JS (no jQuery!).

Fallings : jQuery Parallax Plugin

Fallings : jQuery Parallax Plugin

A jQuery parallax plugin focusing on manipulating position: absolute elements based on the window.scrollTop() property.

Regal Parallax : jQuery Parallax Plugin

Regal Parallax : jQuery Parallax Plugin

Regal Parallax is a jQuery plugin for parallax effect.

Roll.js : JavaScript Roll & Scroll Tracking

Roll.js : JavaScript Roll & Scroll Tracking

A little js library (~8kb min, 3kb gzip, no dependencies) to help you keep track of position, scrolling, and pagination.

Parallax.js : jQuery Parallax Engine

Parallax.js : jQuery Parallax Engine

Parallax Engine that reacts to the orientation of a smart device. Where no gyroscope or motion detection hardware is available, the position of the cursor is used instead.

PAXMAN.js : Scrolling Engine with Vector Control

PAXMAN.js : Scrolling Engine with Vector Control

A Scrolling Engine for making sweet static single paged websites, quickly, and by using HTML markup as config.

Features:

  • Parallax scrolling for Backgrounds
  • Anchor triggered Class additions/removals
  • SVG Masking
  • Child Vectors

LogosDistort : jQuery Advanced 3d Perspective Distortion

LogosDistort : jQuery Advanced 3d Perspective Distortion

This plugin allows you to (currently) do full-page 3d perspective transforms base on mouse position. There are a lot of options you can tweak to your liking, and I’m looking to develop the application of this effect further.

Enllax.js : jQuery Parallax Scrolling Effect

Enllax.js : jQuery Parallax Scrolling Effect

Enllax is an ultra-lightweight and super easy to use plugin for parallax scrolling effect.If you want your elements to scroll at a different speed, or you can say scroll with parallax effect, then this plugin made this super easy. All you have to do is to use data attributes on elements, where you want to add parallax scrolling effect.