SCC de SnaijerSander de Snaijer
Loading Light/Dark Toggle
SCC de Snaijer

Sander de Snaijer

Hi, I'm Sander — a frontend developer from the Netherlands with a thing for building things that shouldn't exist. By day I write React and TypeScript at KNMI (the Dutch weather institute). By night I experiment: face-controlled Tetris, 3D-printed stained glass, Flutter apps, and webcam duck hunts.

This site is where I document the experiments, write about what I learn, and show what I've built.

Latest Projects

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.

Apr 2026

Control Maps with Hand Gestures: Browser-Native Gesture Control for OpenLayers, Google Maps & Leaflet

Typescript, OpenLayers, MediaPipe, Gesture recognition, hand-tracking, Webcam, maps, Google Maps, Leaflet, Open Source

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

Mar 2026

Eyebrow Tetris: A Face-Controlled Browser Tetris Game

Javascript, Typescript, NextJS, React, Tailwind CSS, HTML, Webcam, MediaPipe, WebGL

Pug's Hunt browser game using webcam hand tracking to aim and shoot ducks

Mar 2026

Pug’s Hunt: A Webcam-Controlled Duck Hunt Built with Hand Tracking

NextJS, Javascript, Typescript, MediaPipe, Webcam

Latest Posts

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

Apr 2026

How I built open source gesture controls for OpenLayers, Google Maps & Leaflet (with MediaPipe)

Typescript, Javascript, Webcam, WebGL, MediaPipe, maps, Computer vision, OpenLayers, Google Maps, Leaflet, Open Source

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

Mar 2026

Hand Tracking, Face Detection & Gesture Recognition with MediaPipe in the Browser

MediaPipe, Webcam, WebGL, Javascript, HTML, Canvas, Computer vision, Gesture recognition

A stained glass style artwork created using a 3D printed frame and colored resin.

Mar 2026

How to Make 3D Printed Stained Glass with Resin (Step-by-Step Guide)

3D printing , Resin, DIY, makers, arts and crafts