Collection
Post cover
Created 4 month back

Best 23 jQuery Parallax Effects

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

Post cover

Tilt.js

Made by: Gijs Rogé

Github activity: 1973 stars; 58 watchers

Links: demo, github page

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

Card 3D View Parallax

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

Post cover

Parallax

Author: Romswell Roswell Parian Paucar

Links: demo and code

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

Experiment with parallax effects.

Post cover

jInvertScroll

Made by: pixxelfactory

Github activity: 576 stars; 29 watchers

Links: github page

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

Post cover

Parallax.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.

Post cover

Full Page Parallax Scroll Effect

Author: Emily Hayman

Links: demo and code

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

A lightweight full page parallax scroll effect.

Post cover

Parallax scroll

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.

Snake Parallax

Author: snakeparallax

Links: demo and code

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

Post cover

Fixed Background, Fixed Title

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

Post cover

Parallaxify

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.

Post cover

Canvas Parallax Mountains

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.

Portfolio Parallax Page

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

Google's Collapsing Parallax

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

Simple Parallax Header with Blur

Author: tsimenis

Links: demo and code

Made with: HTML / CSS (SCSS) / JS

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

Responsive: yes

Post cover

Parallax Grid

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.

jQuery Parallax Scrolling

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

Post cover

Parallax Scrolling

Author: Marcel Schulz

Links: demo and code

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

Simple parallax scrolling.

Parallax Effect Using SimpleParallax

Author: Codegrid

Links: github

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

Responsive: yes

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

Post cover

Jparallax

Made by: stephband

Github activity: 1151 stars; 82 watchers

Links: demo, github page

jQuery plugin for creating interactive parallax effect.

Post cover

SimpleParallax

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.

Post cover

Paroller.js

Made by: tgomilar

Github activity: 189 stars; 9 watchers

Links: demo, github page

A lightweight jQuery plugin that enables parallax scrolling effect.

Parallax Self Portrait

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

Post cover

Hongkong.js

Made by: Hans Christian Reinl

Github activity: 46 stars; 4 watchers

Links: demo, github page

jQuery based plugin for parallax scrolling.

Did you like the post? Share it with your friends!

Follow us on social networks

Feedback