Mockingboard is a small tool for arranging mockups into a single shareable image. Drop your mockups in, rearrange them however looks best and export one PNG. That's it. No accounts, no upload servers, no settings to tune. The whole tool is one page.

How it works

Drop your mockups onto the canvas, drag them around until the layout looks right, then export a single PNG. No signup, no cloud storage, no configuration. The whole tool fits on one page and works entirely in the browser.

Stack

Built with React and TypeScript. Drag-and-drop is handled by dnd-kit, which gives precise control over drag behavior without fighting the browser. The PNG export uses html-to-image — it serializes the DOM layout directly to a canvas, so there's no server-side rendering step. State is local component state throughout; the tool is simple enough that a global store would just be overhead.