wagerfield/parallax

Health v2 · maintenance only

Flags: no_license

Adoption not part of the score

16578 stars · 2087 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

Parallax.js is a lightweight JavaScript library that creates parallax depth effects by reacting to a smart device's gyroscope orientation, falling back to cursor position on devices without motion hardware. It offsets layered DOM elements within a scene container based on their depth.

Use cases

• add parallax scrolling depth effects to a website
• make layers move when tilting a phone or tablet
• create an interactive hero section that reacts to mouse movement
• add depth animation to a landing page without heavy dependencies
• simulate 3D depth in plain HTML and CSS layers

When to choose

• you want a lightweight, dependency-free parallax effect in vanilla JavaScript
• your site targets mobile devices with gyroscopes and needs motion-based depth
• you need a simple drop-in script via CDN with declarative HTML configuration

When to avoid

• you need scroll-driven parallax rather than orientation or cursor driven
• you are building in React or Vue and prefer a framework-native animation library
• you need WebGL or true 3D scene rendering

Facets

library · maturity maintenance

animation ui-components frontend-framework web-development frontend web-design browser cross-platform parallax gyroscope device-orientation depth-effect vanilla-js

Member repositories

For agents

markdown · JSON · MCP: product_card(name="wagerfield/parallax")