use-head-up-down-tf
v1.0.4
Published
A simple and powerful **React hook** that detects **head up** / **head down** movement using **Mediapipe FaceMesh**, and automatically scrolls the page based on your head direction.
Readme
use-head-up-down
A simple and powerful React hook that detects head up / head down movement using Mediapipe FaceMesh, and automatically scrolls the page based on your head direction.
Perfect for:
- Hands-free scrolling
- Accessibility
- Gesture-controlled interfaces
- AI/ML face tracking experiments
⭐ Features
- 🎥 Uses webcam to track your face
- 🔼 Detects Head Up movement
- 🔽 Detects Head Down movement
- 📜 Automatically scrolls page
- ⚡ Adjustable scroll speed
- ✔ Easy React hook API
- 🌐 Works in any React project (Vite, CRA, Next.js)
📦 Installation
Install the package:
npm install use-head-up-down
