Hi, I'm Sander

Frontend developer from the Netherlands with a thing for building things that probably shouldn’t exist. By day I write React and TypeScript at KNMI. By night I build eyebrow-controlled Tetris, webcam duck hunts, AI experiments, Arduino gadgets, Flutter apps, 3D-printed stained glass, and chocolate molds from my 3D printer.

Latest projects

View all projects

Apr 2026

A tiny OLED display connected to an ESP32 showing a live webcam feed in a dithered 1-bit pixel style, streamed wirelessly from the browser over Wi-Fi.

ESP32 Arduino MediaPipe

ESP32 Mini OLED Webcam Stream

Stream your webcam to a tiny ESP32 OLED display with MediaPipe face detection and seven dithering styles. Runs from a single Arduino sketch file.

Apr 2026

Screen recording of the map gesture control demo showing an OpenLayers map with a small webcam preview in the corner. A user pans the map by making a fist and moving their hand, then zooms by spreading two open hands apart. All hand tracking and gesture detection runs in the browser using MediaPipe WASM with no backend.

OpenLayers MediaPipe Gesture recognition

Open Source Hand Gesture Controls for Maps in the Browser

Open source library for controlling OpenLayers, Google Maps, and Leaflet with hand gestures. Pan, zoom, and rotate maps without touching the screen.

Mar 2026

Face-controlled Tetris game where a player moves pieces by raising eyebrows and opening their mouth using webcam face detection.

Webcam MediaPipe WebGL

Eyebrow Tetris: Face Controlled Browser Game

A browser Tetris game controlled by your face. Raise your eyebrows to rotate, tilt your head to move pieces. Built with MediaPipe face mesh tracking.

Latest articles

Read all articles

Apr 2026

MediaPipe Face Mesh landmark points on a human face

MediaPipe face mesh Computer vision

MediaPipe Face Mesh: All 478 Landmark Points

Complete visual reference for all 478 MediaPipe Face Mesh landmarks. Grouped by face region with copy-paste JavaScript code for eyes, mouth, nose and jawline.

Apr 2026

Person using hand gestures in front of a webcam to control an interactive map, demonstrating browser-based gesture controls.

Webcam WebGL MediaPipe

Gesture Controls for OpenLayers, Google Maps & Leaflet

Add hand gesture controls to OpenLayers, Google Maps, or Leaflet using MediaPipe hand tracking. Pan, zoom and rotate maps with a webcam. Open source, browser-based, no backend needed.

Mar 2026

Man with both hands raised drawing rainbow arcs in the air using finger tracking, with cartoon Spongebob eyes overlaid on his face and MAGIC text on screen: MediaPipe hand and face detection demo

MediaPipe Webcam WebGL

MediaPipe Hand Tracking & Face Detection in JavaScript

Beginner MediaPipe JavaScript tutorial: build a real-time hand tracking and face detection app in one HTML file with rainbow trails, particles and webcam effects.