DEV Community

Cover image for SuperParallax JavaScript Library for Interactive 2D/3D Parallax Effects
jQueryScript
jQueryScript

Posted on

SuperParallax JavaScript Library for Interactive 2D/3D Parallax Effects

SuperParallax is a JavaScript library that creates multi-layer parallax effects responding to scroll and mouse movement, bringing game-style depth to web projects.

The 2D version weighs just 6KB with zero dependencies, while the 3D variant uses Three.js for WebGL rendering.

Key features:

• Smooth 60fps animations using requestAnimationFrame and translate3d

• Configurable depth values per layer for precise movement control

• Independent scroll and mouse tracking with axis-specific movement options

• Dynamic layer management through a straightforward API

• Optional 3D mode with camera rotation and true perspective depth

The library handles the complex calculations for parallax positioning while maintaining performance across devices.

👉 Blog Post

👉 GitHub Repo

👉 Live Demo

Top comments (0)