triggerjs/trigger

Health v2 · maintenance only

Adoption not part of the score

1266 stars · 74 forks observed · 2026-08-28

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

Trigger JS is a small TypeScript library that creates scroll-based animations using HTML attributes and CSS variables, without writing JavaScript. It binds scroll position to CSS custom properties that you consume in your stylesheets.

Use cases

• animate elements based on scroll position without writing JavaScript
• scrub a video-like animation forward and backward by scrolling
• bind scroll progress to a CSS variable for transforms and styles
• add scroll-triggered effects to a webpage using only HTML attributes
• create parallax or reveal animations with pure CSS

When to choose

• you want scroll-driven animations without a JavaScript animation framework
• you prefer configuring animations declaratively via HTML attributes
• your animations can be expressed purely in CSS using variables

When to avoid

• you need complex timeline-based or physics-based animation logic
• you need scroll animations in a non-browser environment
• you want keyframe-based animation libraries like GSAP with rich easing controls

Facets

library · maturity active

animation frontend-framework web-development frontend web-design browser scroll-animation css-variables html-attributes no-javascript typescript javascript

Member repositories

For agents

markdown · JSON · MCP: product_card(name="triggerjs/trigger")