React-Kino

Bilal Tahir looked at the React animation landscape and saw bloat everywhere. GSAP's ScrollTrigger alone is 33KB—and that's before you add anything else. So he built react-kino, a cinematic scroll storytelling library with a core engine under 1KB gzipped. Yes, one kilobyte. It uses CSS position: sticky with a spacer div for pinning—the exact same technique as ScrollTrigger but with zero dependencies. No GSAP, no Framer Motion, nothing. Just pure, lightweight scroll magic.

Twelve declarative components handle everything from parallax effects to horizontal scrolling to text reveals to before/after image comparisons. The whole thing is SSR-safe, respects prefers-reduced-motion for accessibility, and works with Next.js App Router out of the box. Every Apple product page scroll effect youve ever been impressed by? This does it without dragging in a 33KB anchor point library.

The demo at react-kino.dev shows it in action—smooth, cinematic, the kind of scroll experiences that make developers look like wizards. react-kino proves you dont need a sledgehammer to crack this particular nut. Sometimes the best engineering is knowing what to leave out.