10+ Top Free jQuery Plugins To Create Parallax Scrolling Websites

Today’s freebie is a collection of TOP 10+ free jQuery plugins & javascript libraries that make it easier to create modern website with vertical or horizontal parallax scrolling effects. Parallax scrolling is a trendy web design technique that background images move by scrolling down/up slower than the content in the foreground. All these awesome jQuery plugins are under the MIT licence so you can use in both commercial or personal projects.

Click the title to download the jQuery plugin. Click the preview image to see the live demo.

jInvertScroll

A lightweight plugin for jQuery that allows you to move in horizontal with a parallax effect while scrolling down.

jInvertScroll

stellar.js

Stellar.js is a jQuery plugin that provides parallax scrolling effects to any scrolling element.

stellar.js

skrollr

Stand-alone parallax scrolling JavaScript library for mobile (Android, iOS, etc.) and desktop in just over 9.6k (minified) or 4.5k (minified + gzipped).

skrollr

Cool Kitten

Parrallax Scrolling responsive frame work.

Cool Kitten

scrolly

Scrolly is a simple jQuery parallax plugin.

scrolly

Parallax ImageScroll

JQuery and amd compatible plugin to create a parallax effect with images. Heavily inspired by the spotify.com website.

The plugin is really simple to use with some options to tweek. It makes use of css3 transform for animation where supported and falls back to top and left positioning for ancient browsers.

Parallax ImageScroll

parallax

Simple, lightweight 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.

parallax

superscrollorama

The jQuery plugin for doing supercool scroll animation.

superscrollorama

scrolldeck.js

A jQuery plugin for making scrolling presentation decks.

scrolldeck.js

jparallax

jquery.parallax turns nodes into absolutely positioned layers that move in response to the mouse. Depending on their dimensions, and on the options passed in, these layers move at different rates, in a parallaxy kind of way.

jparallax

Summary:

I’ll update the list ASAP If there’re new jQuery parallax scrolling plugin published on the web. Please keep connected with us and don’t forget spread the world.

Leave a Reply