[ Kine UI ]
GitHub
REGISTRY: AIR_CURSOR

Air Cursor

> Controls the mouse pointer tracking coordinates with your index finger natively. Pinch your index finger and thumb together to dispatch a click event to the focused element in the DOM.

Live Preview

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

Installation

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

Example Usage

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

export default function DashboardLayout() {
  return (
    <div className="min-h-screen">
      {/* Drop the component anywhere inside your App's KineProvider */}
      <AirCursor activeColor="#10b981" />
      
      <main>
        <h1>Spatial Dashboard</h1>
        <button onClick={() => alert("Pinched!")}>Pinch Me</button>
      </main>
    </div>
  );
}