The Storyboard Creator is 100% client-side. Every panel is a small typed object of text and numbers held in the page, and a pure engine (storyboardEngine.ts) computes the exact frame and fields rectangles for the printable page. When you upload or drag a still or sketch onto a frame it is read straight into a data URL with the browser’s FileReader, decoded into an in-memory image and drawn on an HTML5 <canvas> on your device — it never leaves your computer and is never sent anywhere. The same render routine draws the live preview and the export, so what you see is what you download: PNG export stacks every page into one tall image via canvas.toBlob, and the multi-page PDF is assembled locally with pdf-lib by drawing one rendered page per PDF page. There is deliberately no built-in stock or AI imagery, because fetching real pictures would need a third-party server. Fonts are your device’s system fonts, so nothing is downloaded. The tool works offline once cached; close the tab and anything you didn’t export is gone.

Your storyboard frames should match the aspect ratio of the final picture so you never have to reframe later. 16:9 (1.78:1) is the everyday widescreen used for video, YouTube, animation and most ads; 2.39:1 is the anamorphic / CinemaScope ratio for theatrical features; 4:3 suits classic TV, retro or tablet work; and 1:1 (square) and 9:16 (vertical) match Instagram, Reels, TikTok and Stories. For density, 3–6 frames per page is the professional standard: a 3-up sheet gives large, detailed panels for careful drawing, while a 6- or 9-up sheet shows more of the sequence at once so you can read the flow of shots. This tool lets you set 1–4 frames per row on A4 or Letter landscape and paginates the rest automatically, and you can switch aspect ratio or column count at any time.

Reordering is a core feature. In the shot list you can drag any row to a new position, or use per-panel up / down buttons, and the engine re-assigns sequential shot numbers (1, 2, 3…) the moment the order changes — you never renumber by hand. You can also add a shot to the end, insert a new one directly after the selected shot, duplicate a shot (handy for a series of similar frames or a small camera adjustment), and delete a shot; every one of these operations renumbers automatically. Each panel keeps its own shot type, camera move, lens, duration, action and dialogue, and its uploaded still travels with it when you move it. The header can carry the project title, scene, director and date so the printed board is self-labelling.

You can download the entire board as one tall high-resolution PNG (all pages stacked) or as a multi-page PDF with one page each, and choose Draft (120 DPI), Standard (180 DPI) or Print (300 DPI) — Print is ideal for an A4 or Letter handout. The same engine draws the preview and the export, so the file matches the screen exactly. Two honest caveats: exports are fixed-resolution raster images in the screen’s RGB colour space (not CMYK), so a commercial printer may shift very saturated colours — request a proof if colour is critical; and because the PDF embeds a rendered PNG per page, the text on it is part of the image and is not selectable or reflowable. Text is drawn with your device’s system fonts, so line breaks can vary a hair between browsers, and long action / dialogue is trimmed with an ellipsis to fit the panel — keep notes concise.