awesome-reveal/react-awesome-reveal

Health v2 · maintenance only

Adoption not part of the score

1188 stars · 43 forks observed · 2026-08-28

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

React Awesome Reveal is a lightweight React component library for adding scroll-triggered reveal animations using the Intersection Observer API and CSS animations. It is tree-shakeable, dependency-free (~5kb gzipped), and offers customizable fade, slide, and other reveal effects.

Use cases

• animate elements as they scroll into view in a react app
• add fade-in animations to react components
• create cascading staggered reveal animations for lists
• trigger animations only once when a section becomes visible
• add lightweight scroll animations without heavy dependencies
• customize animation delay duration and easing in react

When to choose

• you need performant scroll reveal animations in a React app with minimal bundle size
• you want a simple declarative API with sensible defaults and TypeScript support
• you need customizable timing, delay, and cascade effects

When to avoid

• you need complex keyframe or physics-based animation orchestration (use Framer Motion or GSAP)
• your project is not React-based
• you need animations not tied to viewport visibility

Facets

library · maturity active

animation ui-components frontend-framework frontend web-development web-design browser react scroll-animations intersection-observer css-animations reveal-effects typescript tree-shakeable web nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="awesome-reveal/react-awesome-reveal")