Best 23 jQuery Parallax Effects

Author: Ivan Grozdic

Links: demo and code

Made with: HTML / CSS / JS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: bootstrap.css, jquery.js

Author: Andrej Sharapov

Links: demo and code

Made with: HTML (Pug) / CSS (SCSS) / JS

CSS mix-blend-mode & awesome parallax scrolling.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Author: ryan_brwn

Links: demo and code

Made with: HTML / CSS (SCSS) / JS

Used jQuery to detect device tilt or mouse movement to create a sense of depth to the drawing.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Author: Ryan Tarson

Links: demo and code

Made with: HTML / CSS / JS

Google Android inspired collapsing parallax in jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Author: Casey Callis

Links: demo and code

Made with: HTML; CSS; JS (jquery.js, parallax.js)

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

Author: tsimenis

Links: demo and code

Made with: HTML / CSS (SCSS) / JS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Author: Derek Palladino

Links: demo and code

Made with: HTML / CSS (SCSS) / JS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: waypoints.js

Author: Alban Bujupaj

Links: demo and code

Made with: HTML / CSS (SCSS) / JS

Card 3d view parallax in jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: jquery.js

Author: Emily Hayman

Links: demo and code

Made with: HTML; CSS/SCSS; JS (jquery.js, lodash.js)

A lightweight full page parallax scroll effect.

Author: Romswell Roswell Parian Paucar

Links: demo and code

Made with: HTML; CSS; JS (jquery.js, jquery-ui.js)

Experiment with parallax effects.

Author: Jack Rugile

Links: demo and code

Made with: HTML; CSS; JS/CoffeeScript (jquery.js, sketch.js)

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

Author: Marcel Schulz

Links: demo and code

Made with: HTML; CSS; JS (jquery.js)

Simple parallax scrolling.

Author: snakeparallax

Links: demo and code

A jQuery plugin that creates a simple, clean, and powerfull parallax effect.

Author: Codegrid

Links: github

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: bootstrap.css, bootstrap.js, simpleparallax.js

Made by: PixelCog Inc.

Github activity: 2543 stars; 105 watchers

Links: demo, github page

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

Made by: Gijs Rogé

Github activity: 1973 stars; 58 watchers

Links: demo, github page

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

Made by: stephband

Github activity: 1151 stars; 82 watchers

Links: demo, github page

jQuery plugin for creating interactive parallax effect.

Made by: pixxelfactory

Github activity: 576 stars; 29 watchers

Links: github page

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

Made by: Felix Pflaum

Github activity: 322 stars; 25 watchers

Links: demo, github page

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

Made by: Matthieu Chavigny

Github activity: 218 stars; 19 watchers

Links: github page

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

Made by: tgomilar

Github activity: 189 stars; 9 watchers

Links: demo, github page

A lightweight jQuery plugin that enables parallax scrolling effect.

Made by: eosenna

Github activity: 133 stars; 8 watchers

Links: github page

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

Made by: Hans Christian Reinl

Github activity: 46 stars; 4 watchers

Links: demo, github page

jQuery based plugin for parallax scrolling.