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.