Finger Frame

English | 简体中文

A tiny web toy that turns your camera into a magic frame: make a rectangle with your thumbs and index fingers, and live visual effects appear inside it.

Live Demo: https://finger-frame.versun.me

1. Open index.html in a browser (camera permission required; serve over localhost or HTTPS).
2. Raise both hands and form a frame with your thumbs + index fingers.
3. Bring your hands together and apart again to switch to a random effect.

Mix, Warp, Twin Cards, Print, Manga, Dunhuang, Van Gogh, Cyberpunk, Thermal, Pixelate, Blur, Invert, Noir, Glitch, Toon.

• Single-file index.html, zero build.
• Hand tracking: MediaPipe Hand Landmarker. All assets are self-hosted in the repo (vendor/ for JS/WASM, models/ for the ~8MB model file) — no external CDN needed.
• Rendering: Canvas 2D.