10 Best Parallax Scrolling Effects In JavaScript (2023 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 06 2023

1. Awesome Scroll Effects In JavaScript – lax.js

A lightweight vanilla JavaScript library that provides 20+ awesome animations for elements when scrolling down and up.

Awesome Scroll Effects In JavaScript – lax.js

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


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


5. Image Parallax Scroll Effect JavaScript Library – SimpleParallax

A simple, lightweight Vanilla JavaScript plugin which applies a subtle Parallax Scroll Effect to any images within the document using CSS3 transform’s scale and translate properties.

Image Parallax Scroll Effect JavaScript Library - SimpleParallax

[Demo] [Download]


6. Dynamic Performant Parallax Scroll Effect In Vanilla JS – Rallax.js

A brand new vanilla JavaScript parallax plugin that applies a dynamic, high-performance parallax scroll effect to elements within the document.

Dynamic Performant Parallax Scroll Effect In Vanilla JS – Rallax.js

Demo Download


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

Pure CSS Parallax Background Images

Demo Download


8. HTML5 / JavaScript Image Parallax Scrolling Effect – Parallax.js

An ECMAScript 6 compatible JavaScript library for implementing image parallax scrolling effects on your web page. All the configuration options can be passed via HTML5 data attributes on img tag.

HTML5 / JavaScript Image Parallax Scrolling Effect – Parallax.js

Demo Download


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


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: