# wagerfield/parallax

Parallax Engine that reacts to the orientation of a smart device

Repository: https://github.com/wagerfield/parallax
Canonical: https://ross.abutalabs.com/products/parallax
Homepage: http://wagerfield.github.io/parallax/
Language: JavaScript
License: NOASSERTION
License Family: other
Last push: 2024-04-06T08:07:55+00:00

## Health v2 (maintenance only)
Score: 23/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 0, release rhythm 8, longevity 100
- inputs: {"age_days": 4780, "days_push": 879, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_license
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 16578, forks 2087 (observed 2026-08-28T04:11:16.759272+00:00)

## What it is
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
- artifact type: library
- maturity: maintenance
- function: animation, ui-components, frontend-framework
- domain: web-development, frontend, web-design
- platform: browser, cross-platform
- tags: parallax, gyroscope, device-orientation, depth-effect, vanilla-js

## Member repositories
- wagerfield/parallax (main) score 23

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:11:16.759272+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T17:04:51.740301+00:00, confidence not recorded.
  - readme: https://github.com/wagerfield/parallax (fetched 2026-08-28T04:11:16.759272+00:00, sha 3b8ae076b8c4)
  - homepage: http://wagerfield.github.io/parallax/ (fetched 2026-08-29T08:02:26.435268+00:00, sha 7e10c728f119)
- Data as of 2026-08-30T08:39:29.467469+00:00.