scroll-reveal-libraries

SKILL.md

Scroll Reveal Libraries

Overview

This skill covers AOS (Animate On Scroll), a lightweight CSS-driven library for scroll-triggered animations. AOS excels at simple fade, slide, and zoom effects activated when elements enter the viewport.

Key Features:

Minimal Setup: Single JavaScript file + CSS

Data Attribute API: Configure animations in HTML

Performance: CSS-driven, GPU-accelerated animations

50+ Built-in Animations: Fades, slides, zooms, flips

Framework Agnostic: Works with vanilla JS, React, Vue, etc.

When to Use:

Marketing/landing pages with simple scroll effects

Content-heavy sites (blogs, documentation)

Quick prototypes requiring scroll animations

Projects where GSAP/Framer Motion complexity isn't needed