Best jQuery Parallax Plugins & Tutorials with Demo

jQuery Parallax Background Plugin : Parallax-background.js

jQuery Parallax Background Plugin : Parallax-background.js

Parallax-background.js is a background scrolling effect which is designed for you to create beautiful and smooth parallax websites. Enjoy, it’s so simple!

Paroller.js : Parallax Scrolling jQuery Plugin

Paroller.js : Parallax Scrolling jQuery Plugin

A lightweight jQuery plugin that enables parallax scrolling effect.

  • You can use it on elements with background property or on any other element
  • While scrolling elements can move: vertical, horizontal
  • Manipulated through html data-* attributes
  • Mobile ready
  • Easy to use

Imagine : jQuery Parallax Scroll Effects

Imagine : jQuery Parallax Scroll Effects

Imagine by pixevil is a parallax scroll and parallax animations framework with unlimited animation possibilities. Imagine animations can be used with any element in your page and comes with a perfected parallax background markup. Built with the use of jQuery, GSAP and Animus, the plugin is guaranteed to offer unmatched parallax scrolling experience.

Rellax : Lightweight Javascript Parallax Library

Rellax : Lightweight Javascript Parallax Library

Rellax is a buttery smooth, super lightweight, vanilla javascript parallax library. Rellax limits the parallax feature to laptop/desktop screens since the effect is negligible on smaller screens.

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.



Best jQuery websites design awards