Best jQuery Parallax Plugins & Tutorials with Demo

Canvallax.js : Easy Parallax Effects on Canvas

Canvallax.js : Easy Parallax Effects on Canvas

Canvallax is a small (5.8kb minified, 2.1kb gzipped) dependency-free Javascript library for managing elements on <canvas>. Support is built-in for:

  • Parallax Scrolling, with optional damping to smooth motions
  • Pointer Tracking
  • Distance/scaling
  • Images on Canvas, from URLs or nodes (<img /><canvas />, etc) with Canvallax.Image
  • Common shapes (Canvallax.CircleCanvallax.Polygon and Canvallax.Rectangle)
  • Element stacking with zIndex
  • Fixed position Elements
  • Element cloning

jQuery Header Scroll Effect Plugin

jQuery Header Scroll Effect Plugin

The scroll effect header is a kind of parallax whose difference lies in the change, if parallax usually occurs because of the movement of two objects, while this is changing and moving. Obviously if the scroll header will change blur, sepia or other effects follow movement scroll.

Features

  • Valid All HTML5
  • Valid CSS
  • Responsive
  • All Filter Scroll Effect
  • Bonus Effect Margin and Border Radius

parallaxContent : jQuery Parallax Content Plugin

parallaxContent : jQuery Parallax Content Plugin

ParallaxContent is a jQuery parallax content plugin based on GSAP .

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.