Show HN: React-Kino – Cinematic scroll storytelling for React (1KB core)
bilater Sunday, March 01, 2026
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
Summary
The article discusses the React-Kino project, an open-source library for building interactive kinetic typography experiences in React. The library provides a simple and efficient way to create dynamic text animations, allowing developers to easily incorporate engaging motion effects into their web applications.
12
0
Summary
github.com