scroll-out/scroll-out

Health v2 · maintenance only

Flags: no_releases no_license

Adoption not part of the score

1217 stars · 122 forks observed · 2026-08-28

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

ScrollOut is a tiny (~1KB gzipped) JavaScript library that detects scroll position changes and toggles data attributes, CSS classes, and CSS variables on elements as they enter or leave the viewport. It enables scroll-driven reveal, parallax, and sticky-header effects using CSS or JavaScript callbacks.

Use cases

• animate elements as they scroll into view
• reveal content on scroll with css transitions
• create parallax scrolling effects
• build a sticky header that changes on scroll
• toggle css classes based on scroll visibility
• drive css variables from scroll progress

When to choose

• you need a tiny dependency-free-feeling scroll animation library
• you prefer styling scroll effects in css rather than javascript
• you need broad browser support including ie11

When to avoid

• you need advanced scroll-driven animation apis or physics-based effects
• you want a framework-integrated scroll animation solution with active development
• you need intersection observer features beyond simple in/out visibility

Facets

library · maturity maintenance

animation ui-components frontend web-development web-design browser cross-platform scroll-events scroll-reveal parallax css-variables tiny-library typescript

Member repositories

For agents

markdown · JSON · MCP: product_card(name="scroll-out/scroll-out")