In browser eye tracking with WebGazer

Written by Andre Molnar 1/20/2026

WebGazer is a client-side eye-tracking library that infers gaze positions from your webcam. To start playing with it on this page, I'm pairing it with a lightweight canvas heatmap so you can visualize where the eye tracking "pointer" spends time.

Limitations

The WebGazer model requires a bit of callibaration before it does a better job of estimating gaze positions. It gets better the more you move your mouse and click around the page (assuming you're looking where you're clicking).

Why am I sharing this?

Actually, I'm just preparing for a post about a creative project that I worked on back in November 2025 that used WebGazer, and I needed to get it working with this site so I could share the project with you. For now, you can try the heatmap demo below!

Try the heatmap

Move your mouse (or tap and drag) across the canvas. The trail should warm up over time, cooling slowly so you can keep exploring.