Viewport Kit

Framework-agnostic pan, zoom, and viewport geometry helpers.

artboards.dev

Pure pan-and-zoom maths for a world rendered inside a viewport. Coordinates are plain objects: a world point is drawn at point * zoom + { x, y }.

import { toScreen, zoomAt } from "viewport-kit";

const view = { x: 120, y: -40, zoom: 0.6 };
toScreen({ x: 300, y: 200 }, view);
zoomAt(view, 1.1, { x: 400, y: 240 });

The module has no DOM, canvas, or event dependencies.

MIT