React-Kino – Cinematic scroll storytelling for React (1KB core)

In plain words

React-Kino is a lightweight React library for building scroll-triggered animations and cinematic effects. It provides 12 declarative components including Scene, Parallax, Counter, TextReveal, CompareSlider, and VideoScroll—all with a core engine under 1KB gzipped and no external dependencies. The library uses CSS position:sticky for pinning, supports server-side rendering, respects accessibility preferences, and integrates with Next.js App Router. It's designed for developers who want Apple-style scroll experiences without the overhead of larger animation frameworks.

written from the facts on this page · September 2026

From the sources

Cinematic scroll-driven storytelling for React. Contribute to btahir/react-kino development by creating an account on GitHub.

In the maker’s words, at launch

I built react-kino because I wanted Apple-style scroll experiences in React without pulling in GSAP (33KB for ScrollTrigger alone). The core scroll engine is under 1KB gzipped. It uses CSS position: sticky with a spacer div for pinning — same technique as ScrollTrigger but with zero dependencies. 12 declarative…

• 
  Framer Motion2019 · motion.dev · ▲420

  A truly simple production-ready React animation library

• 
  Scrollex2022 · github.com · ▲121

  A react library to build beautiful scroll experiences

• 
  Motion One – New animation library, built on the Web Animations API2021 · motion.dev · ▲327

  Motion (prev Framer Motion) is a fast, production-grade animation library for React, JavaScript and Vue. Build smooth UI animations at a tiny footprint.

• 
  Webstudio Animations2025 · webstudio.is · ▲160

  Silky-smooth, uninterrupted scroll-driven web animations

• 
  React Native scrollable bottom sheet native animations gestures 60FPS2020 · github.com · ▲144

  Cross platform scrollable bottom sheet with virtualisation support, native animations at 60 FPS and fully implemented in JS land :fire: - rgommezz/react-native-scroll-bottom-sheet

• 
  React Reveal – simple reveal on scroll animations for React apps2018 · react-reveal.com · ▲19

  Cuan cerdas berawal dari strategi yang terukur! Temukan panduan memilih permainan yang tepat serta tips mengatur target harian di OLXCENTER. Gabung dan pelajari triknya sekarang!

• 
  /dev/null▲472

  a social network for devs

  Dev tools · 2d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 25d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 22d ago · openbot.run

• 
  Talanoa▲340

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 20d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 27d ago · corespeed.io

• 
  Lightfield▲901

  AI-native CRM that builds itself and does work for you

  AI · Mar 2026 · lightfield.app

• 
  Tobira.ai▲728

  A network where AI agents find deals for their humans

  AI · Mar 2026 · tobira.ai

• 
  Claude Import Memory▲716

  Switch from ChatGPT to Claude with import memory feature

  AI · Mar 2026 · claude.com

• 
  Littlebird▲709

  Littlebird remembers everything across your meetings, messages, docs, and apps, then takes action so you can recall any detail and never lose context.

  AI · Mar 2026 · littlebird.ai

• 
  Viktor.com▲702

  Your AI Coworker that proactively executes tasks

  AI · Mar 2026 · viktor.com

• 
  Jupid▲659

  File your taxes with Claude Code

  Commerce · Mar 2026 · jupid.com