10 Best Parallax Scrolling Effects In JavaScript (2024 Update)

Here is a constantly updated list of the 10 Best Free JavaScript libraries to create the familiar Parallax Scrolling Effect on elements (e.g. images, backgrounds, videos, text, etc) as you scroll down or up the web page.

I hope you like it and don’t forget to spread the world.

Originally Published Dec 04 2018, updated Jan 24 2024

1. locomotive-scroll

locomotive-scroll is a modern JS library that applies a smooth, subtle, configurable parallax scroll effect to elements when scrolled into view.

Animate Elements On Scroll With Parallax Effect - locomotive-scroll

Demo Download


2. Lightweight Vanilla Javascript Parallax Library – rellax

rellax is a small vanilla JavaScript library which provides a smooth parallax scrolling effect on any DOM elements.

Lightweight Vanilla Javascript Parallax Library – rellax

[Demo] [Download]


3. Lightweigt Background Parallax JavaScript Library – Ukiyo.js

A lightweight, configurable, fresh new parallax library that makes creating stunning background parallax scrolling effects a breeze.

Lightweigt Background Parallax JavaScript Library – Ukiyo.js

Demo Download


4. Smooth Inertial & Parallax Scroll Effects In JavaScript – luxy.js

A lightweight JavaScript plugin which applies smooth inertial scroll and parallax scroll effects to your webpage.

Smooth Inertial & Parallax Scroll Effects In JavaScript – luxy.js

Demo Download


5. Image Parallax Effect While Scrolling – parallax-image.js

A lightweight JavaScript library that creates an illusion of depth in 2D images by making it scroll slower than the webpage background while the user scrolls down the page.

Image Parallax Effect While Scrolling – parallax-image.js

Demo Download


6. Parallax Scrolling Library For Mobile & Desktop – basicScroll

A lightweight, powerful, high-performance parallax scrolling JavaScript library designed for both mobile and desktop.

Parallax Scrolling Library For Mobile & Desktop – basicScroll

Demo Download


7. Momentum & Parallax Scrolling Library With Vanilla JavaScript – slickscroll.js

A lightweight, configurable, open-source Momentum & Parallax Scrolling JavaScript library without third-party dependencies.

Momentum & Parallax Scrolling Library With Vanilla JavaScript - slickscroll.js

Demo Download


8. Mobile-friendly Smooth Parallax Scroll Plugin – Universal Parallax

A small JavaScript plugin to implement the smooth, mobile-friendly parallax scrolling effect on your web app.

Universal Parallax

Demo Download


9. Minimal Horizontal/Vertical Parallax Scrolling Library – miniparallax.js

A super tiny (~1kb minified), blazing-fast, and customizable parallax library that supports both horizontal and vertical parallax scrolling effects.

mini-horizontal-vertical-parallax

Demo Download


10. High Performance Parallax Scroll Effect In Pure JavaScript – Vanilla-Parallax.js

A pure vanilla JavaScript library which lets you apply high performance, hardware accelerated and responsive parallax scrolling effects to web content.

High Performance Parallax Scroll Effect In Pure JavaScript – Vanilla-Parallax.js

Demo Download


Conclusion:

Looking for more JavaScript libraries for parallax scroll effects? Don’t forget to check out the Parallax section.

If you’re a jQuery user, here is a list of 10 best jQuery parallax scroll plugins created for you. Enjoy.

See Also:

You Might Be Interested In: