React-kino: Cinematic Scroll-Driven Storytelling for React & Next.js

react-kino: a scroll-driven animation library for React and Next.js that maps page scroll progress to declarative component animations.

Key features:

• Sub-1 KB core engine (@react-kino/core) with zero dependencies
• Components: <Scene>, <Reveal>, <ScrollTransform>, <Parallax>, <Counter>, <VideoScroll>, <TextReveal>, <HorizontalScroll>
• SSR-safe — renders on the server, animates on the client after hydration
• Automatic prefers-reduced-motion support across all components
• Tree-shakeable — unused components stay out of the final bundle
• CLI scaffolding via npx @react-kino/cli init for quick project setup
• Pre-built Product Launch, Case Study, and Portfolio page templates

No GSAP. No imperative timelines. Just React components.

👉 Blog Post

👉 GitHub Repo

👉 Live Demo