Your files never leave your device. All processing happens locally in your browser.
How do I make a tri-fold brochure online for free without uploading my files?
Open the Brochure Maker, choose US Letter or A4, then design the two sides of a real letter-fold tri-fold. The Outside spread reads inside-flap · back cover · front cover (front on the right) and the Inside is three content panels, with visible fold-line guides, panel labels and the tuck-in panel drawn ~1/16 in (2 mm) narrower so it folds flat. Start from one of six templates (business, travel, product, event, menu, non-profit), then edit real layers: type text (font, size, weight, colour, alignment, spacing), add rectangles, ellipses and lines, and drop in your own photos over a solid, gradient, pattern or photo background. Drag, resize from eight handles, rotate, re-order, duplicate and delete each layer, switch between the Outside and Inside sides, then export a high-resolution PNG per side or a 2-page PDF — 100% in your browser, nothing uploaded.
True letter-fold panels for US Letter (11×8.5 in) and A4 (297×210 mm) at 300 DPI, with fold guides + panel labels
Correct panel order — Outside: inside-flap / back cover / front cover; Inside: three panels; tuck panel 2 mm narrower
Editable text, rectangle, ellipse, line and uploaded-photo layers on solid / gradient / pattern / photo backgrounds
Drag, 8-handle resize, rotate, z-order, duplicate, delete; arrow-key nudge and Shift to lock ratio; per-side backgrounds
Six templates + export high-resolution PNG per side or a print-ready 2-page PDF (outside + inside) — nothing uploaded
What is
Tri-fold brochure
A tri-fold brochure is a landscape sheet divided into three panels and folded twice into six faces, printed on two sides. In the common letter fold, the right panel folds in first and the left folds over it, so the outside spread reads (left to right) inside-flap, back cover and front cover, while the inside is a three-panel spread of content. The tuck-in panel is made about 1/16 in (2 mm) narrower than the others so the piece closes flat — the single most-overlooked tri-fold dimension. For print it is designed at 300 DPI with a small bleed. A brochure maker is an editor that composes text, shapes, imagery and backgrounds into those panels and exports the two sides as images or a PDF.
Design
Related terms
tri-foldtrifoldbrochureleafletpamphletletter foldbi-foldZ-foldpanelfold linebleedsafe zoneUS LetterA4300 DPICMYKcall to action
Frequently Asked Questions
No. Any photo you add is decoded and composited locally on an in-page canvas, and both sides of the brochure are drawn and exported entirely in your browser. Nothing is uploaded and there is no server or CDN in the editing or export path.
The Brochure Maker is 100% client-side. Each element is a plain typed object (text, a shape or an image reference) held in the page, and a pure engine draws them onto an in-browser HTML5 <canvas>. When you upload a photo it is read straight into an in-memory Image via an object URL and drawn on-device — it never leaves your computer and is never sent anywhere. Each side keeps its own background photo. Export renders the same scene to a canvas at full print resolution and saves it with canvas.toBlob, and the 2-page PDF is assembled locally with pdf-lib from your own rendered pages, so the file is produced on your device too. The only optional network use is loading a display font you pick from Google Fonts, and consent-gated ads; system fonts and everything else work offline once the page is cached. Close the tab and the design is gone unless you exported it.
For a letter fold, the outside spread is inside-flap, back cover, front cover (left to right, front on the right) and the inside is three content panels. Make the tuck-in panel about 2 mm / 1/16 in narrower so it folds flat.
A standard tri-fold is a letter fold: the right panel folds in first and the left panel folds over it. Laid flat, the OUTSIDE spread reads (left to right) the inside-flap (the panel that tucks in), the back cover, then the front cover on the far right; the INSIDE is a three-panel content spread. Because the tuck-in panel sits inside the fold, it must be roughly 1/16 in (2 mm) narrower than the other two so the brochure closes cleanly — on US Letter the panels are about 3.625, 3.688 and 3.688 inches, and on A4 about 97, 100 and 100 mm. The tool sizes the panels this way automatically, shows the fold lines and panel labels, and puts the narrower tuck panel on the left of the outside spread and the right of the inside spread (they are the same physical panel, mirrored when the sheet flips).
Yes. Every headline, line of text, shape and photo is its own layer you can drag, resize, rotate, re-stack, duplicate and delete. Switch between the Outside and Inside sides, then export a PNG per side or a 2-page PDF.
Unlike fill-in-the-blank makers, the Brochure Maker treats every element as an independent layer. Add heading, body and contact text (each with its own font, size, weight, colour, alignment, line height and letter spacing), plus rectangles, ellipses, lines and your own uploaded images, and colour a single panel by adding a rectangle sized to it. Select a layer to move it, grab any of the eight handles to resize (corner handles keep a photo’s aspect ratio, Shift locks the ratio on any layer), use the top grip to rotate (Shift snaps to 15°), and change stacking order, opacity, duplicate or delete it. A segmented control switches between the Outside side (cover + back) and the Inside side (three panels), each with its own background. Export a high-resolution PNG (or JPEG, full or half size) for the current side, copy it to the clipboard, or build a print-ready 2-page PDF of both sides — the same render routine draws the preview and the export, so what you see is what you download.
Roughly, but not exactly — exports are screen RGB while print shops use CMYK, so saturated colours can shift. Add a 3 mm / 0.125 in bleed for professional printing and keep text inside the safe margin; the guides show both.
The Brochure Maker exports raster PNG or JPEG (and PNG pages inside the PDF) in the screen’s RGB colour space. Commercial printers convert to CMYK ink, which has a smaller gamut, so bright, saturated colours may look slightly duller or shift in print — request a printed proof for colour-critical jobs and design a touch more conservatively. The sheet presets are the true trim sizes at 300 DPI, so for professional printing you should add the standard 3 mm / 0.125 in bleed yourself (the guides draw the bleed and safe-margin lines) and keep important text inside the safe area, away from the fold lines. The fold lines and panel labels are editing guides that are only baked into your export if you tick the “print fold lines onto the export” option, so the default download is clean artwork a print shop can trim and fold.
Detailed Explanation
📖How It Works
Brochure Maker — A Real, Private Tri-Fold Editor
The Brochure Maker is a 100% client-side design editor for tri-fold brochures — a free, private alternative to popular design apps or online design apps for a tri-fold. A tri-fold is a landscape sheet split into three panels and printed on two sides, so you design an OUTSIDE spread (inside-flap, back cover and front cover, left to right, front on the right) and an INSIDE spread of three content panels, at true US Letter or A4 letter-fold dimensions at 300 DPI. Six templates seed both sides; you then compose editable text, shape and uploaded-photo layers over a solid, gradient, procedurally-tiled pattern or photo background, with visible fold-line guides and panel labels. Everything is drawn on an in-browser canvas and exported locally; no file is ever uploaded.
Two sides, six panels: Outside (inside-flap / back cover / front cover) + Inside (three panels)
True letter-fold sizes: US Letter 11×8.5 in and A4 297×210 mm, landscape, at 300 DPI
Tuck-in panel drawn ~1/16 in (2 mm) narrower so the folded piece closes flat
Editable text, rectangle, ellipse, line and photo layers on four background kinds, per side
Six templates: business, travel, product, event, menu, non-profit — PNG per side or 2-page PDF
⚙️Methodology
Method: Reuse the Flyer Layer Engine, Add Tri-Fold Structure
A tri-fold sheet is geometrically identical to a plain LANDSCAPE Letter or A4 flyer, so the brochure engine reuses the flyer layer model, geometry and single render routine wholesale and adds only the brochure structure. Each side is an ordered stack of LAYERS over a BACKGROUND; geometry lives in a uniform, square design-unit space (width 1000, height tracking the sheet aspect) so rotation, hit-testing and eight-handle resize are simple and correct. Panel widths come from the standard letter fold (Letter 3.625 / 3.688 / 3.688 in; A4 97 / 100 / 100 mm), which fixes the two fold-line positions per side and puts the narrower tuck panel on the left of the outside spread and the right of the inside spread — the same physical panel, mirrored when the sheet flips. The same renderFlyer() draws each side for BOTH the live preview and the full 300-DPI export, guaranteeing WYSIWYG.
Each side rendered as a landscape flyer — one render routine powers preview + export
Layers are plain typed objects; z-order is array order; per-side background
Fold positions derived from real letter-fold panel widths, per side
Tuck panel narrower: left on the outside spread, right on the inside spread
Colour a single panel by adding a rectangle sized to it (templates do this)
🔧Technical Details
Interaction, Fold Guides and Export Internals
Pointer input is mapped from screen pixels into design units via the stage’s bounding rectangle, so hit-testing and handle tolerance stay correct at any display scale. A transparent SVG overlay (viewBox in design units) draws the selection outline, eight resize handles, a rotate grip, the dashed fold lines, panel labels and the bleed / safe-margin rectangles, and captures pointer events; resize is computed in the layer’s local, un-rotated frame with the opposite edge/corner fixed in world space (correct even for rotated layers), and image corners or Shift lock the aspect ratio. A segmented control switches the edited side. PNG/JPEG export renders one side to an offscreen canvas at full print pixels and calls canvas.toBlob; the fold lines are baked in only if requested. The 2-page PDF is assembled with pdf-lib: each side is rendered to a PNG and drawn onto a page sized to the sheet’s physical points (Letter 792×612 pt, A4 841.9×595.3 pt). Because uploaded photos come from same-origin object URLs the canvas is never tainted, so download, clipboard copy and PDF work offline.
Screen→design pointer mapping via getBoundingClientRect keeps hit-tests accurate
SVG overlay draws fold lines, panel labels, bleed + safe-margin guides and handles
Fold lines are baked into the export only when the user opts in (clean artwork by default)
PNG/JPEG = offscreen canvas at full 300-DPI pixels → toBlob (untainted)
2-page PDF built locally with pdf-lib from the two rendered PNG pages
📋Use Cases
When to Reach for This
Use it to make a good-looking tri-fold fast without an account, a subscription or a watermark: a business or services overview, a travel or destination guide, a product launch sheet, an event invitation with a programme, a restaurant or café menu, or a non-profit cause leaflet. Start from the matching template, swap in your own headline, panel copy, contact details and a photo or logo, recolour the backgrounds, and export a PNG for each side or a 2-page PDF you can send to a print shop or a home printer. It is ideal for small businesses, community groups, restaurants, agents, teachers and solo creators who want a private, offline-capable tool — and who care that their images never touch a server.
Great for services, travel, products, events, menus and causes
Six tuned templates give a fast, fully-editable starting point
No account, subscription or watermark; works offline once cached
Fold, bleed + safe-margin guides help you prepare files for a print shop
Best for a single tri-fold, not booklets or multi-page catalogues
⚠️Limitations
Honest Limitations
This is a focused tri-fold editor, not a full prepress suite. Exports are fixed-resolution raster PNG or JPEG (or PNG pages inside the PDF) in screen RGB, not CMYK, so a commercial printer may shift saturated colours — ask for a proof if colour is critical. The presets are true trim sizes at 300 DPI; for professional printing add the 3 mm / 0.125 in bleed yourself (the guides show it and a safe margin) and keep text away from the fold lines, since the export is trimmed to size and the fold lines are baked in only if you opt in. The tuck-in panel is trimmed ~2 mm so the piece folds flat, but exact fold placement still depends on your printer and paper stock. System fonts render fully offline; the optional display fonts load once from Google Fonts and fall back to a system font if you export before they finish loading (the tool waits for fonts to be ready first). There are no bi-fold, Z-fold or gate-fold presets, no booklets, and no automatic text flow between panels.
Raster PNG/JPEG (and PNG-in-PDF) only, screen RGB not CMYK
Add 3 mm / 0.125 in bleed for pro print — export is trimmed to size
Fold lines baked into the export only when opted in; keep text off the folds
Display fonts need a one-time Google Fonts load; system fonts are fully offline
Tri-fold only — no bi-fold / Z-fold / gate-fold presets, booklets or auto text flow
🔒Privacy & Security
Private by Design
Everything happens on your device. Each layer is a small object of numbers and text held in the page; the engine draws each side on an in-browser HTML5 canvas, and any photo you add is decoded with URL.createObjectURL and composited locally — it is never uploaded and never transmitted, and each side keeps its own background photo. PNG/JPEG export renders the same scene to a canvas and saves it with canvas.toBlob, and the 2-page PDF is assembled with pdf-lib from your own rendered pages, so every file is produced locally. There is no server and no CDN in the editing or export path; the only optional network use is loading a display font you pick and consent-gated ads. The tool works offline once cached, keeps no accounts and sets no tracking; close the tab and anything you did not export is gone.
Layers are local objects; each side is drawn on an in-page canvas
Uploaded photos are read locally and never leave the device
PNG export = local canvas.toBlob; PDF = pdf-lib on-device; no upload, server or CDN
Works offline once cached; no accounts, no tracking
Unexported work is discarded on tab close
Ways to make a tri-fold brochure
Approach
How it works
Trade-off
Used here
This client-side maker
Design both sides as layers on an in-browser canvas, export PNG per side or a 2-page PDF