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

Cinematic scroll-driven storytelling for React.

Core scroll engine under 1 KB gzipped.

Why react-kino

Tiny -- the core scroll engine is under 1 KB gzipped. GSAP ScrollTrigger alone is 33 KB.

-- the core scroll engine is under 1 KB gzipped. GSAP ScrollTrigger alone is 33 KB. Declarative -- compose <Scene> , <Reveal> , <ScrollTransform> , <Parallax> , <Counter> , <StickyHeader> , <Marquee> , and <TextReveal> like regular React components. No imperative timelines.

-- compose , , , , , , , and like regular React components. No imperative timelines. Lightweight runtime -- react-kino uses a tiny internal engine package ( @react-kino/core ) plus React peers.

-- uses a tiny internal engine package ( ) plus React peers. SSR-safe -- every component renders children on the server and animates on the client.

Installation

npm install react-kino

pnpm add react-kino

... continue reading