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
-- 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