A dropped image as a canvas card: thumbnail, filename (inline-rename), dimensions/size, and an output connector to wire into converters.

A converter/compressor card (PNG, JPG, WebP, GIF, PDF, SVG). Shows connected files, quality/PDF settings, output size, and a download button.

A transform card (resize, crop, rotate, watermark, filter) with drag-to-change inputs and a per-node download button.

An editable text card that can be rendered to a paper-sized page and fed into converters.

A URL card showing the page's Open Graph preview (image, title, description, domain).

A group of images in one card. Collapses to a 2×2 preview or expands to a reorderable list; images can be dragged in or back out.

The animated curve linking a source's OUT port to a target's IN port. Selectable (blue) and deletable (red) states.

An <img> that renders a cached, downscaled thumbnail for very large images so the canvas stays smooth; originals are untouched.

Floating pill that appears when all canvas content has scrolled off-screen, with a Center button to recenter the viewport.

In-app confirmation dialog for clearing the canvas. Enter confirms, Esc or backdrop cancels. Replaces the native browser confirm().

Full-screen modal that previews an image or multi-page PDF, with page navigation (arrows, scroll wheel, keyboard) and a size/dimensions readout.