xtianmiller/emergence.js
Detect element visibility in the browser observed · 2026-08-28
Health v2 · maintenance only
10/100
- Activity 42
- Release rhythm 35
- Longevity 100
Flags: no_releases archived
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-02. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 3849
- days_rel: n/a
- days_push: 353
- n_releases_24m: 0
Adoption not part of the score
1867 stars · 57 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded
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
plugin · maturity maintenance
animation ui-components frontend web-development browser scroll-visibility scroll-reveal viewport-detection dependency-free data-attributes javascript
2 sources
- readme: https://github.com/xtianmiller/emergence.js · fetched 2026-08-28 · ff4f6c580e80
- homepage: https://xtianmiller.github.io/emergence.js/ · fetched 2026-08-29 · ae087464a3e4
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| xtianmiller/emergence.js | main | 10 |
For agents
markdown · JSON · MCP: product_card(name="xtianmiller/emergence.js")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem