MediaPipe Hand Tracking & Face Detection in JavaScript

javascript dev.to

A beginner MediaPipe JavaScript example: build a rainbow drawing app in the browser. No npm, no backend, one HTML file. Try the live demo What You'll Build A real-time hand tracking and face tracking web app powered by Google MediaPipe. Draw rainbow trails by pointing your index finger, burst star particles with a peace sign, and trigger a glowing MAGIC text effect by opening your mouth. All of it runs locally in the browser with zero installation. Features at a glance:

Read Full Tutorial open_in_new
arrow_back Back to Tutorials