There are many types of parallax (depth/visual offset) effects, such as vertical and horizontal scrolling or rotation effects. Among them, here are 12 recommended JavaScript parallax plugins.

Contents
  1. simpleParallax.js
  2. ScrollMagic.js
  3. Rellax.js
  4. SUPERSCROLLORAMA
  5. Jarallax
  6. Vanilla-tilt.js
  7. lax.js
  8. skrollr
  9. jInvertScroll
  10. jquery.Parallax.js
  11. ScrollTween.js
  12. Luxy.js

simpleParallax.js

You can easily implement parallax effects in a simple way.
Parallax Implementation with simpleParallax.js! A Step-by-Step Guide for Beginners

ScrollMagic.js

You can display animations linked with parallax and page scrolling.
ScrollMagic.js Explained: Combining Parallax and Scroll Animations

Rellax.js

You can easily implement parallax without using jQuery.
Rellax.js: How to Easily Implement a Parallax Effect

SUPERSCROLLORAMA

You can display page content with parallax and various other effect animations.
Parallax Effects and Animations with jquery.superscrollorama.js

Jarallax

You can implement parallax effects on page backgrounds when scrolling down. You can also set YouTube videos as backgrounds.
Background Parallax Implementation Guide on Scroll: How to Use jarallax.js

Vanilla-tilt.js

Many parallax plugins are based on vertical or horizontal scrolling, but vanilla-tilt.js allows you to implement parallax effects that respond to mouse movement.
How to Implement Parallax (Tilt Effect) on Elements Using vanilla-tilt.js

lax.js

You can display effects where content spins and rotates as you scroll down the page.
How to create a professional-level parallax effect using lax.js

skrollr

You can display parallax effects where circles move along an arc when scrolling.
skrollr.js in Action! How to Create Scroll-Based Parallax Effects for Beginners

jInvertScroll

You can display parallax effects with multiple images using horizontal scrolling.
How to Scroll Horizontally with Parallax Effect Using jquery.jInvertScroll.js

jquery.Parallax.js

You can implement smooth and visually appealing parallax effects on long vertical pages when scrolling down.
How to Achieve Parallax Effects with jQuery Parallax.js

ScrollTween.js

You can implement parallax effects based on the amount of mouse wheel scrolling within a content area.
How to Animate with Mouse Scroll using ScrollTween.js

Luxy.js

luxy.js is a lightweight JavaScript library that allows you to easily implement parallax effects by moving elements in response to scrolling.
Scroll Parallax Effects Using luxy.js

　
These plugins are one of the available options for implementing parallax effects.
Please choose the most suitable plugin according to your project requirements and design.
Additionally, when using them, we recommend referring to the official documentation for proper setup and customization.

　
*If you reuse this content, please do so at your own responsibility.
Do not reuse the Google Analytics tag included in the head tag of the demo pages.

Parallax Plugins Recommended Parallax