Post thumbnail: 14 jQuery Parallax

14 jQuery Parallax

Collection of free jQuery parallax plugins and examples (for vertical or horizontal scrolling).

Table Of Contents

  1. jQuery Parallax Examples
  2. jQuery Parallax Plugins

jQuery Parallax Examples

Demo image: Parallax Grid

Author

  • Casey Callis

Made with

  • HTML
  • CSS
  • JS (jquery.js, parallax.js)

About the code

Parallax Grid

Used parallax.js to set up this interactive panning image grid. Uses cursor position if you're on a desktop or laptop.

Demo image: Full Page Parallax Scroll Effect

Author

  • Emily Hayman

Made with

  • HTML
  • CSS/SCSS
  • JS (jquery.js, lodash.js)

About the code

Full Page Parallax Scroll Effect

A lightweight full page parallax scroll effect.

Demo image: Parallax

Author

  • Romswell Roswell Parian Paucar

Made with

  • HTML
  • CSS
  • JS (jquery.js, jquery-ui.js)

About the code

Parallax

Experiment with parallax effects.

Demo image: Canvas Parallax Mountains

Author

  • Jack Rugile

Made with

  • HTML
  • CSS
  • JS/CoffeeScript (jquery.js, sketch.js)

About the code

Canvas Parallax Mountains

Move your mouse to change speed and move up and down.

Demo image: Parallax Scrolling

Author

  • Marcel Schulz

Made with

  • HTML
  • CSS
  • JS (jquery.js)

About the code

Parallax Scrolling

Simple parallax scrolling.

jQuery Parallax Plugins

Demo image: Parallax.js
Made by
  • PixelCog Inc.
Github activity
  • 2543 stars
  • 105 watchers
About the plugin

Parallax.js

Simple parallax scrolling effect inspired by Spotify.com implemented as a jQuery plugin.

Demo image: Tilt.js
Made by
  • Gijs RogĂ©
Github activity
  • 1973 stars
  • 58 watchers
About the plugin

Tilt.js

A tiny 60+fps parallax tilt hover effect for jQuery.

Demo image: Jparallax
Made by
  • stephband
Github activity
  • 1151 stars
  • 82 watchers
About the plugin

Jparallax

jQuery plugin for creating interactive parallax effect.

Demo image: jInvertScroll
Made by
  • pixxelfactory
Github activity
  • 576 stars
  • 29 watchers
About the plugin

jInvertScroll

A lightweight jQuery vertical scroll - horizontal move plugin with parallax effect.

Demo image: Parallaxify
Made by
  • Felix Pflaum
Github activity
  • 322 stars
  • 25 watchers
About the plugin

Parallaxify

Parallaxify is a jQuery plugin that adds parallax effects to elements and backgrounds based on gyroscope sensor or mouse input.

Demo image: Parallax scroll
Made by
  • Matthieu Chavigny
Github activity
  • 218 stars
  • 19 watchers
About the plugin

Parallax scroll

Smooth parallax animations on vertical page scrolling using requestAnimationFrame and CSS3 3D transitions.

Demo image: Paroller.js
Made by
  • tgomilar
Github activity
  • 189 stars
  • 9 watchers
About the plugin

Paroller.js

A lightweight jQuery plugin that enables parallax scrolling effect.

Features
  • 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 or jQuery options
  • mobile ready
  • easy to use
Demo image: SimpleParallax
Made by
  • eosenna
Github activity
  • 133 stars
  • 8 watchers
About the plugin

SimpleParallax

jQuery plugin to apply a nice Parallax effect on images in a minute.

Demo image: hongkong
Made by
  • Hans Christian Reinl
Github activity
  • 46 stars
  • 4 watchers
About the plugin

Hongkong.js

jQuery based plugin for parallax scrolling.

Back to top