Demo: lightweight-expression-detector

This is a demo project to test and showcase the lightweight-expression-detector npm package.

It includes examples of using both:

• classifyBlendshapes() in a vanilla TypeScript setup
• useEmotionDetector() as a React Hook

NPM Package

You can find the main package here:
👉 https://www.npmjs.com/package/lightweight-expression-detector

🚀 Getting Started

1. Clone this repository

git clone https://github.com/Anant-404/Demo_lightweight-expression-detector.git
cd Demo_lightweight-expression-detector

2. Install dependencies

npm install

3. Run the development server

npm run dev

Then open http://localhost:3000 in your browser.

What This Demo Shows

• Real-time webcam feed using MediaPipe Face Landmarker
• Emotion detection using facial blendshapes
• React and non-React examples

Resources

• Main Package: https://www.npmjs.com/package/lightweight-expression-detector
• MediaPipe Tasks Vision: https://github.com/googlesamples/mediapipe

---

MIT © 2025 Anant Mishra