CSS Motion: Lightweight Viewport Animation Library

CSS Motion, a JavaScript library that creates performant scroll animations using pure CSS and Intersection Observer.

Key features:

• Zero JavaScript animation overhead - all effects run in CSS

• Works with React, Svelte, and vanilla JavaScript

• Respects prefers-reduced-motion for accessibility

• Twelve built-in animation presets (fade, slide, scale, blur, rotate)

• TypeScript support with full autocomplete

• Tree-shakeable for minimal bundle impact

Built for developers who need polished animations without compromising performance.

👉 Blog Post

👉 GitHub Repo

👉 Live Demo