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.
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.
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.
4. Parallax Scrolling Library For Mobile & Desktop – basicScroll
A lightweight, powerful, high-performance parallax scrolling JavaScript library designed for both mobile and desktop.
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.
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.
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.
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.
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.
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.
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.