# xtianmiller/emergence.js

Detect element visibility in the browser

Repository: https://github.com/xtianmiller/emergence.js
Canonical: https://ross.abutalabs.com/products/emergencejs
Homepage: https://xtianmiller.github.io/emergence.js/
Language: JavaScript
License: MIT
License Family: permissive
Topics: viewport, visibility, reveal, animation, javascript, scroll, element
Archived: true
Last push: 2025-09-14T12:08:28+00:00

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

## Adoption (not part of the score)
Stars 1867, forks 57 (observed 2026-08-28T04:05:46.364619+00:00)

## What it is
Emergence.js is a lightweight, dependency-free JavaScript plugin that detects when elements become visible in the browser viewport. It toggles a data-emergence attribute on watched elements so developers can trigger CSS or JS animations and state changes on scroll.

## Use cases
- reveal elements with animations as they scroll into view
- detect when an element enters the browser viewport
- trigger CSS state changes on scroll visibility
- lazy reveal content on scroll without jQuery
- add scroll-based visibility callbacks to elements

## When to choose
- you need a tiny (~1KB) dependency-free scroll visibility plugin
- you want to control reveal effects with your own CSS via data attributes
- you need broad legacy browser support including IE8+

## When to avoid
- you need advanced scroll animation features like parallax or staggered timelines
- your framework already provides intersection-observer-based utilities
- you need lazy-loading of images rather than visibility state toggling

## Facets
- artifact type: plugin
- maturity: maintenance
- function: animation, ui-components
- domain: frontend, web-development
- platform: browser
- tags: scroll-visibility, scroll-reveal, viewport-detection, dependency-free, data-attributes, javascript

## Member repositories
- xtianmiller/emergence.js (main) score 10

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:05:46.364619+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-30T03:15:31.655281+00:00, confidence not recorded.
  - readme: https://github.com/xtianmiller/emergence.js (fetched 2026-08-28T04:05:46.364619+00:00, sha ff4f6c580e80)
  - homepage: https://xtianmiller.github.io/emergence.js/ (fetched 2026-08-29T10:54:32.751759+00:00, sha ae087464a3e4)
- Data as of 2026-08-30T08:39:29.467469+00:00.