data-anim: Anti-FOUC Scroll Animation Library Under 3KB

data-anim: a JavaScript library that adds scroll animations to HTML elements through data attributes.

Drop it in, write attributes on your markup, and the animations run.

Key features:
• 30+ built-in animations: fades, slides, zooms, bounces, and special effects
• Three-layer anti-FOUC protection built in, zero manual CSS required
• Under 3KB gzipped, zero dependencies
• Four trigger types: viewport, hover, click, focus
• Full TypeScript support for React and Vue
• Respects prefers-reduced-motion automatically

👉 Blog Post

👉 GitHub Repo

👉 Live Demo