Best jQuery Parallax Plugins & Tutorials with Demo

Parallax Color Bars with JavaScript

Parallax Color Bars with JavaScript

Amazing animated color bars parallax effect on black & white image while page scrolling.In parallaxColorBars you can now add settings using the data-parallax-color-bar attribute. You still need to call $(element).parallaxColorBars() to initialize parallaxColorBars on the element.

jQuery Parallax Background Plugin

jQuery Parallax Background Plugin

jQuery parallax background plugin based on GSAP.In parallaxBackground you can add settings using the data-parallax-background attribute. You still need to call $(element).parallaxBackground() to initialize parallaxBackground on the element.

jQuery Parallax Tilt effect : Universal-tilt.js

jQuery Parallax Tilt effect : Universal-tilt.js

Universal-tilt.js is a javascript and jQuery elements movement plugin based on tilt.js and vanilla-tilt.js.Universal-tilt.js contains additional functions for mobile devices (having a gyroscope), new Position Base option and more!

LayerJS: Javascript UI Composition Framework

LayerJS: Javascript UI Composition Framework

layerJS is an open source Javascript UI/UX library allowing intuitive, visually intense, mobile app-like experiences for web apps and websites.

layerJS follows the idea that any kind of interactive web content is composed of media elements on moving layers. Unlike existing UI frameworks, layerJS does not provide various UI elements (use your favorite framework for that) but focusses on how larger blocks are put together to form websites and apps and how these blocks will behave upon user interaction.

UX patterns like menus, sliders, layers & lightboxes, parallax effects, page-swipes, zoom effects, etc. are really justinteractive animated layers. layerJS is a simple open source library that provides one simple universal concept to create such patterns in pure HTML.

basicScroll : Standalone Parallax Scrolling Effect

basicScroll : Standalone Parallax Scrolling Effect

Standalone parallax scrolling for mobile and desktop with CSS variables.

basicScroll allows you to change CSS variables depending on the scroll position. Use the variables directly in your CSS to animate whatever you want.

Parlx.js : jQuery Parallax Effect plugin

Parlx.js : jQuery Parallax Effect plugin

Parlx.js is a javaScript & jQuery parallax effect plugin.

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.

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.

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