
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
Continue reading on Dev.to React
Opens in a new tab



