mridulsmusic292009-alt GitHub avatar

Hawa_me_likho

mridulsmusic292009-alt

Hawa_me_likho is a browser-based air canvas that uses MediaPipe hand tracking to let users draw and write in the air with their index finger via webcam.

Stars

8

7-day growth

No data

Forks

0

Open issues

0

License

No data

Last updated

2026-07-28

AI repository intelligence
FR-AI / ANALYSIS

Why it is worth attention

It combines real-time AI hand tracking with a cyberpunk visual style and intuitive gesture controls, all running 100% client-side without any installation.

Who it is for

  • Developers exploring browser-based computer vision
  • Creative coders and digital artists
  • Educators looking for interactive teaching tools
  • Hobbyists interested in gesture-controlled apps

Use cases

  • Remote teaching and online whiteboarding
  • Digital art creation without a stylus
  • Touchless note-taking in presentations
  • Accessible drawing for users with limited mobility

Strengths

  • Zero-latency hand keypoint detection with MediaPipe
  • Smart pen-up/pen-down detection enables natural writing separation
  • Customizable neon brush colors and dynamic line thickness
  • Gesture-based erasing (pinch) and canvas clearing (open palm)

Considerations

  • Requires a webcam and good lighting for reliable tracking
  • Performance may degrade on lower-end devices
  • Currently only tracks index finger for drawing; other fingers not supported

README quick start

✍️ Hawa_me_likho

Write in the air! An interactive, browser-based Air Canvas powered by real-time AI hand tracking and computer vision.

🌟 What is Hawa_me_likho?

Hawa_me_likho turns your standard webcam into an air-writing tablet. Using Google's MediaPipe Hands library and the HTML5 Canvas API, the app tracks the precise 3D position of your index finger in real time, allowing you to sketch, write notes, and draw shapes directly on screen—no touchscreens or special stylus hardware required!

🔥 Key Features

  • Instant Air Tracking: Ultra-fast, zero-latency hand keypoint detection using MediaPipe.
  • Smart Pen-Up / Pen-Down Detection: Smoothly handles dotting your is, crossing ts, and writing separate letters without unwanted connecting lines.
  • Cyberpunk Visual Canvas: Neon glowing strokes with customizable brush colors and dynamic line thickness.
  • Gesture Controls: * ☝️ Index Pointing: Draw on the air canvas.
    • 🤏 Pinch Gesture: Dynamic eraser mode.
    • ✋ Open Palm: Clear the board.
  • 100% In-Browser: Runs entirely on the client side using standard Web APIs—no server-side rendering or heavy installation required.

🛠️ Tech Stack

  • Frontend: HTML5, CSS3 (Cyberpunk UI design), Vanilla JavaScript (ES6+)
  • Computer Vision / AI: Google MediaPipe Hands API (@mediapipe/hands)
  • Graphics: HTML5 2D Canvas API

🚀 Quick Start

  1. Clone the repository: 
    git clone [https://github.com/YOUR_USERNAME/Hawa_me_likho.git](https://github.com/YOUR_USERNAME/Hawa_me_likho.git)
cd Hawa_me_likho

Related repositories

Similar projects matched by category, topics, and programming language.

ddosi
Featured
ddosi GitHub avatar

PacketLens

PacketLens is a pure front-end, offline pcap analysis tool that runs entirely in the browser, supporting deep protocol decoding, HTTPS decryption, and million-packet instant loading without any backend.

HTML
16
ViffyGwaanl
Featured
ViffyGwaanl GitHub avatar

kimi-k3-learn

An interactive learning system that turns the 47-page Kimi K3 technical report into a single offline HTML file with running algorithms, 3D visualizations, spaced repetition quizzes, and a smart highlighting QA tool.

AI & Machine Learning
15
iamtechartist
Featured
iamtechartist GitHub avatar

human-cell-visualizer

An interactive 3D visualization of three human cell types using Three.js, WebGL particles, and custom GLSL shaders, allowing users to rotate, zoom, morph, and explore annotated structures.

Design & Creative
13