Gesture & Face-Aware UI

Touchless Interfaces. Real-Time Feedback.

This site showcases component-style modules for hand gesture recognition and facial distance tracking—projects I developed to explore intuitive, camera-driven UI control without relying on traditional input devices. Multiple interactive demos are included to demonstrate each feature in action, making them easy to test and integrate into broader applications such as accessibility tools, kiosk interfaces, or immersive web experiences.

Tech Stack

  • MediaPipe + TensorFlow.js (hand tracking)
  • face-api.js (facial landmark detection)
  • Svelte front-end with dynamic UI feedback

How to Use

  • Gesture Demo: Move your hand to scroll, click, or drag
  • Face UI Demo: Move closer or farther to scale UI
  • Enable camera access, then follow on-screen cues
Why It Matters
  • Accessible, hygienic input methods
  • Ideal for AR/VR, kiosks, and ambient UIs
  • Enhances immersion with natural interactions

Try the demos by starting your camera and interact!