Show HN: React-Kino – Cinematic scroll storytelling for React (1KB core)

Hacker News (score: 10)
Found: March 01, 2026
ID: 3563

Description

Show HN: React-Kino – Cinematic scroll storytelling for React (1KB core) I built react-kino because I wanted Apple-style scroll experiences in React without pulling in GSAP (33KB for ScrollTrigger alone).

The core scroll engine is under 1KB gzipped. It uses CSS position: sticky with a spacer div for pinning — same technique as ScrollTrigger but with zero dependencies.

12 declarative components: Scene, Reveal, Parallax, Counter, TextReveal, CompareSlider, VideoScroll, HorizontalScroll, Progress, Marquee, StickyHeader.

SSR-safe, respects prefers-reduced-motion, works with Next.js App Router.

Demo: https://react-kino.dev GitHub: https://github.com/btahir/react-kino npm: npm install react-kino

More from Hacker

No other tools from this source yet.