I got tired of guessing MediaPipe FaceMesh landmark indices… so I built a visual selector
If you’ve ever worked with MediaPipe FaceMesh, you know the pain.
468 landmarks and just static photos (such as this one below) to track the landmarks.
After one too many late nights manually hunting indices, I decided to build a visual FaceMesh landmark selector instead.
It lets you upload an image, automatically detects all 468 face landmarks, and allows you to paint-select points directly on the face. You can organize selections into multiple named groups, mirror them using symmetry, invert selections, assign colors, and export everything as clean JSON.
It’s useful for face masks and filters (lips, eyes, jawline), AR / WebGL / Three.js face attachments, face analysis and research, and fast prototyping without guessing landmark numbers.
I built this because I couldn’t find any dedicated visual tool for selecting FaceMesh landmarks. Everyone I knew was using docs or guessing from reference images hoping for the best. This replaces all of that with a simple “click what you want” workflow.
The project is built with React, TypeScript, and MediaPipe Face Mesh.
GitHub repo:
https://github.com/robertobalestri/FaceMesh-Landmark-Selector
Here's a screenshot:
I’d love to hear if this would be useful in your workflow or what features you’d want next.
Posted Feb 5, 2026, 3:53 PM UTC