Back to library
Preview of react-kino
GitHub

Backgrounds, Effects & CSS Oddities · Scroll effects

react-kino

Scroll-driven cinematic storytelling primitives for React under one kilobyte gzipped, built on native scroll timelines.

Why it’s a gem

Uses native scroll-timeline instead of scroll listeners, so it is basically free

Visit github.com
Author
Bilal Tahir (@btahir)
Type
GitHub repository
License
MIT
Added
Aug 17, 2026
Domain
github.com
reactscrollstorytellingcss

More from Scroll effects

Preview of react-scroll-parallax

react-scroll-parallax

React hooks and components for scroll-linked parallax on elements, banners and backgrounds with easing and rotation.

UnknownMIT
Preview of simpleParallax.js

simpleParallax.js

Applies parallax to images by transforming and scaling them within their container, avoiding layout shift.

UnknownMIT
Preview of tw-fade

tw-fade

Tailwind v4 plugin adding scroll-edge fade masking to overflow containers with zero JavaScript.

UnknownMIT
Preview of animere

animere

Scroll-triggered animation runner that drives Animate.css classes via IntersectionObserver with no configuration.

UnknownMIT