Open-Dev-Society

Open-Dev-Society / kine-ui

Public

Kine UI is an open-source alternative to heavy, black-box computer vision libraries. Build spatial interfaces, track real-time gestures, and explore native spatial computing — built openly, for everyone, forever free.

kine-ui.vercel.app computer-vision framer-motion gesture-detection gesture-recognition mediapipe
25
2
100% credibility
Found Feb 24, 2026 at 15 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

Kine UI is an open-source set of ready-to-use pieces for adding webcam-based hand gestures like air clicking, swiping, scrolling, and pinching to React websites.

How It Works

1
🔍 Find Kine UI

You stumble upon this fun tool while searching for ways to make websites respond to hand movements like waving or pinching.

2
🌐 Explore the demo

You visit the colorful site and see videos of hands clicking buttons in mid-air and scrolling pages without touching anything.

3
✨ Bring it to your site

You kick off the easy setup that adds hand-sensing superpowers right into your own project with just a couple of friendly steps.

4
🖐️ Choose hand tricks

Pick cool moves like an invisible mouse pointer or swipe controls, and slip them smoothly into your pages.

5
📹 Wake up the camera

Your laptop's camera quietly watches your hands, turning your waves into real actions on screen.

🎉 Magic happens!

Now pinch to zoom images, swipe to flip through pictures, or point to click – your website feels alive with gestures.

Sign up to see the full architecture

4 more

Sign Up Free

Star Growth

See how this repo grew from 15 to 25 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is kine-ui?

Kine UI delivers copy-pasteable React components for webcam-based hand gesture tracking, like air cursor for pinch-to-click, swipe areas, air scroll, and pinch-to-zoom. It's a TypeScript library built on MediaPipe WebAssembly and Framer Motion, letting you add spatial computing to web apps without heavy black-box computer vision dependencies—all client-side with zero server load. Run `npx @opendevsociety/kine-ui@latest init` then `add air-cursor` to drop primitives into your Next.js project.

Why is it gaining traction?

As a free, open alternative to proprietary CV tools, it mirrors shadcn/ui's CLI workflow: fetch editable source code directly, tweak gestures, and own the logic forever. Developers dig the low-latency, jitter-free motion via spring physics, plus graceful fallbacks to mouse/touch—no camera? It just works. Built openly for everyone, it skips subscriptions for spatial interfaces that feel native.

Who should use this?

Frontend devs prototyping gesture-driven dashboards, interactive carousels, or zoomable maps in React apps. Experimenters exploring fisip ui kine alternatif, kine uit, or uic line spatial demos without setup hell. Teams at kine uib, kine pedersen uio, or kine yttersian uio wanting lightweight hand tracking over full CV suites.

Verdict

Early alpha with 12 stars and 1.0% credibility—docs shine via Next.js site, CLI is polished, but expect tweaks for production as detection varies by lighting/hardware. Grab it for weekend hacks or kine maxwell uit prototypes; skip for mission-critical UIs until maturity grows.

(187 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.