/ at a glance /
~1,700
lines in the single deployable HTML file (no build step)
Measured · internal0
server round-trips for video — everything decodes in-browser
Measured · internal3
export formats supported (PNG / JPEG / WEBP)
Measured · internalMIT
open-source licence on the public repo
Measured · internal/ what we built /
Frame extraction the way a designer expects.
Client-side video decoder
Uses the native video element plus Canvas2D to pull frames straight from the loaded file, so the video never leaves the browser.
Single-frame cut + batch extractor
Scrub to a moment and cut one frame at an exact timestamp, or run a batch at a chosen interval with synced interval/count fields.
Near-duplicate filter
An optional perceptual-hash pass (16×16 grayscale signature by L1 distance) that drops static, near-identical frames from a batch.
Multi-format + ZIP export
Exports as PNG, JPEG or WEBP with quality control and optional downscale; batches download as a ZIP.
Secondary image tools
A tools menu with a batch image resizer and an image-editor module, extending the product beyond frame capture.
in-progress/ the moment it clicks /
The near-duplicate filter: a compact perceptual-hash heuristic — a 16×16 grayscale signature compared by L1 distance — that strips static, repeated frames out of a batch client-side. The kind of quality detail that separates a toy from a usable tool.
/ tech stack /
Built to be owned.
Skills shown
