{"repo":"btahir/react-kino","free":true,"listed":false,"github":"https://github.com/btahir/react-kino","clone":"git clone https://github.com/btahir/react-kino.git","description":"Cinematic scroll-driven storytelling for React","language":"TypeScript","stars":215,"topics":["component-library","parallax","parallax-scrolling","react","reactjs","scroll-animations","scroll-driven","scroll-driven-animations"],"license":"MIT","category":"ui-components","readme_excerpt":"react-kino 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. - Declarative -- 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. - SSR-safe -- every component renders children on the server and animates on the client. - Typed -- every component ships its prop types ( SceneProps , RevealProps , ...) plus a typed EasingName union for autocomplete on easing props. - Resize-safe -- pinned scenes recompute on viewport resize and mobile browser URL-bar show/hide, so progress never desyncs. Installation Requirements: React 18+ Quick Start That is a complete scroll experience: the section pins in place, content fades in at different scroll points, and a number counts up -- all in 20 lines. --- Scaffolding with the CLI Skip the setup -- scaffold a complete scroll page from a template: --- Pre-built Templates @react-kino/templates ships three full-page scroll experiences you can drop in and customize: Template Import Description ---------- -------- ------------- ProductLaunch @react-kino/templates/product-launch Apple-style launch page with hero, stats, and feature panels CaseStudy @react-kino/templates/case-study Portfolio project page with challenge/solution/results Portfolio @react-kino/temp","default_branch":null,"files":null,"tree":[],"storefront":"/r/btahir","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/btahir/react-kino/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}