GitHub
REGISTRY: AIR_SCROLL

Air Scroll

> Control your continuous reading experience without touching the mouse. Hold your hand open and move your palm vertically to scroll. The AirScroll component maps the raw Y-coordinate of your palm/wrist directly to the browser's native Window interface.

Live Preview

> The preview requires mounting the webcam tracking engine. Click below to initialize.

Installation

system.out
$
npx @opendevsociety/kine-ui@latest add air-scroll

Example Usage

import { AirScroll } from "@/components/kine/gestures/AirScroll";

export default function ArticleLayout() {
  return (
    <div>
      {/* Headless component watches the camera silently */}
      <AirScroll scrollSpeed={6} threshold={0.015} />

      <article>
        <h1>Long-form content</h1>
        <p>Your users can read hands-free while eating...</p>
      </article>
    </div>
  );
}