Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/howtodo1/printer-web/llms.txt

Use this file to discover all available pages before exploring further.

PenPrint runs entirely in the browser — no installation required. You compose vector artwork on a canvas, preview how the pen will trace each stroke, and export a GCODE file that your 3D printer can execute directly. This guide walks you through the full workflow from first launch to a finished print.
The PenPrint canvas is fixed at 100mm × 100mm. Every object you place or scale stays within this print area regardless of how the canvas looks on screen (rendered at 400×400px in the browser).
1

Open PenPrint in your browser

Navigate to your deployed PenPrint instance. The app loads a blank 400×400px canvas representing the 100mm × 100mm printable area.If someone has shared a design with you, open the shared URL directly — it includes a ?svgB64= query parameter that automatically loads the encoded artwork onto the canvas.
2

Add and arrange objects

Use the toolbar above the canvas to add content:
  • Click the T button to insert a text object. The object appears on the canvas with placeholder text; edit it in the Object Properties panel on the left.
  • Click the image button to insert an icon object. A default SVG appears on the canvas; use the Object Properties panel to browse the icon library or upload your own SVG.
After adding an object, click it on the canvas to select it. The Object Properties panel on the left lets you change its position, size, and other attributes. Add as many objects as you need and drag them into position.
You can layer multiple text and icon objects freely. Arrange them on the canvas before previewing — the preview renders all visible objects together.
3

Preview your design

Click Preview image to render a preview of the pen strokes. PenPrint uses its WebAssembly module to flatten the SVG across the 100mm × 100mm area at 0.1mm resolution, showing you exactly what the pen will draw before you commit to printing.Review the preview carefully. If any strokes overlap unintentionally or an object falls outside the printable boundary, go back and adjust the layout, then preview again.
4

Download GCODE or send to the maintainer

Once you are satisfied with the preview, choose one of the following actions:Download GCODE generates a .gcode file and saves it to your computer. The file begins with the standard preamble:
G21
G90
G0 Z10
G28 X Y
The GCODE Up command (default G0 Z10), GCODE Down command (default G0 Z5), and Speed (default 22 mm/s) are all configurable in the settings above the canvas before you download.Send to me! uploads your artwork to the PenPrint maintainer via Supabase. Use this option if you do not have a pen-equipped 3D printer but want the maintainer to produce a physical print for you. The button is available as long as your design’s SVG output exceeds 800 characters; after the first successful send it is marked as sent.
No printer? Click Send to me! to share your finished design with the PenPrint maintainer and request a physical print.

​
Share your artwork

Every PenPrint design can be shared as a URL. The canvas SVG is base64url-encoded and appended as the ?svgB64= query parameter: 
https://your-penprint-instance.example.com/?svgB64=<encoded-svg>
Anyone who opens this URL sees your exact design loaded on their canvas. They can preview it, adjust it, or download their own GCODE copy.

​
Explore further

Text objects

Learn how to add, style, and position text on the canvas.

Icon objects

Import SVG icons and scale them within the print area.

Hardware setup

Connect and configure your pen-equipped 3D printer.

GCODE settings

Customize pen-up, pen-down, and speed commands for your printer.

Build docs developers (and LLMs) love

Get started for freeTalk to us