March 3, 2026
Scroll wars: Episode React
Show HN: React-Kino – Cinematic scroll storytelling for React (1KB core)
Tiny React tool promises movie-like scrolling, devs split
TLDR: React‑kino promises cinematic scrolling with a tiny 1KB core, sparking excitement over its simple components and server‑friendly design. The comments split hard: fans love the lightweight polish, while skeptics blast “scroll‑jacking” and demand real‑world performance proof, especially on mobile, before crowning a new scroll king.
React devs just got a new toy: react-kino, a scroll storytelling toolkit that claims a core under 1KB—yes, smaller than a meme. Fans swooped in fast, cheering the “finally lightweight” vibe and gushing over simple, Lego-like components like <Scene> and <Reveal>. The pitch: cinematic effects without bloated scripts, and it’s “SSR-safe,” meaning it plays nicely with pages that render on the server.
But the thread turned spicy when the scroll-jacking debate exploded. One camp insists this is tasteful, controlled “pin-and-fade” sparkle; the other says any scroll hijinks make readers seasick. Skeptics demanded benchmarks and asked why not use Intersection Observer or compare to GSAP’s 33KB ScrollTrigger. Some waved the Framer Motion flag. Others warned: “Mobile browsers will be the real test.”
Then came the jokes. Someone called it “Netflix for your blog,” another said “If your story needs parallax to land, write a better story.” A wag quipped, “1KB? Did you forget a zero?” while a performance nerd flexed: “My bundle just lost water weight.” The consensus? Intriguing tiny footprint, clean React ergonomics, and instant demos that look slick—but the community is split between storytellers craving vibes and pragmatists clutching their scroll bars. The drama is real, the memes are spicy, and the scroll wars rage on.
Key Points
- •React-Kino is a scroll-driven storytelling library for React with a core engine under 1 KB gzipped.
- •It offers a declarative API with components like <Kino>, <Scene>, <Reveal>, <Parallax>, and <Counter>, avoiding imperative timelines.
- •The library is SSR-safe, rendering content on the server and animating on the client.
- •Installation is via npm, pnpm, or bun, and it requires React 18+.
- •Key components include <Scene> for pinned sections with progress and <Reveal> for scroll-triggered animations with presets and timing controls.