Scroll Reveal Libraries

AOS is the scroll animation library you reach for when you need simple fade-in and slide-up effects without the complexity of GSAP or Framer Motion. It's data attribute based, so you add `data-aos="fade-up"` to your HTML and initialize with one line of JavaScript. Works great for marketing pages and landing pages where you want elements to animate as users scroll past them. The skill covers 50+ built-in animations, staggered delays for card grids, and anchor-based triggers. It's CSS-driven and GPU-accelerated, but if you need precise scroll-synced animations or complex timelines, you'll want GSAP ScrollTrigger instead. The React integration section shows how to handle route changes properly.

Install to Claude Code

npx -y skills add freshtechbro/claudedesignskills --skill scroll-reveal-libraries --agent claude-code