locomotivemtl/locomotive-scroll
🛤 Detection of elements in viewport & smooth scrolling with parallax. observed · 2026-08-28
Health v2 · maintenance only
72/100
- Activity 90
- Release rhythm 34
- Longevity 100
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 3612
- days_rel: 230
- days_push: 64
- n_releases_24m: 1
Adoption not part of the score
8848 stars · 1113 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
Locomotive Scroll is a lightweight (9.4kB gzipped) JavaScript library for smooth scrolling, viewport detection, and parallax effects, built on top of Lenis. Version 5 is a complete TypeScript-first rewrite featuring dual Intersection Observers, scroll progress tracking, and accessibility support.
Use cases
- add smooth scrolling to a website
- create parallax scroll effects
- trigger animations when elements enter the viewport
- track scroll progress for progress bars
- build scroll-driven animations
- detect when elements are in view and fire callbacks
When to choose
- you need smooth scrolling with parallax and in-view detection in one lightweight package
- you want an accessible, production-ready scroll library with native scrollbar and keyboard support
- you prefer a fully typed TypeScript library built on Lenis
When to avoid
- you only need basic smooth scrolling without detection or parallax (use Lenis directly)
- you need scroll-triggered animations with a full timeline/animation engine (consider GSAP ScrollTrigger)
- your project must support very old browsers without Intersection Observer
Facets
library · maturity stable
animation ui-components web-development frontend browser cross-platform smooth-scrolling parallax in-view-detection intersection-observer scroll-animations lenis typescript nodejs
4 sources
- readme: https://github.com/locomotivemtl/locomotive-scroll · fetched 2026-08-28 · 2e898794eda1
- homepage: https://scroll.locomotive.ca · fetched 2026-08-29 · 920ad61ace5d
- site_page: https://scroll.locomotive.ca/docs · fetched 2026-08-29 · 081113bf0101
- registry_npm: https://registry.npmjs.org/locomotive-scroll · fetched 2026-08-29 · f61ec11f870b
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| locomotivemtl/locomotive-scroll | main | 72 |
For agents
markdown · JSON · MCP: product_card(name="locomotivemtl/locomotive-scroll")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem