
p5.js editor and live preview
Write code with the file sidebar, editor header, and canvas preview visible in the same workspace.
Write code beside the live canvas, tune the SVG, and export plot-ready files in the same workspace.
Free plan available during beta. No install required.
Live editor
Write p5.js code beside the canvas with instant preview.
Plot-ready export
Export SVG or G-code from the same workspace.
AI assistant
Ask for visual changes and review diffs inline.

Most liked from last 6 months

Write code with the file sidebar, editor header, and canvas preview visible in the same workspace.

Build a real process chain, tune parameters, and preview plot-ready output before saving the export.

Ask for a visual change, review the staged file diff, and keep the conversation beside the sketch while the edit stays in context.
01
Pick a p5.js version and keep managed files in sync without manually rebuilding the sketch shell.

02
Turn on the OPC helper from the library picker and keep the related files and dependencies attached to the sketch.

03
Write custom V-PYPE commands, run them in-browser, and inspect the processed preview without leaving the editor.

Free and Pro plan details. Billing rollout is still in progress.
Free includes the editor, exports, and publishing tools.
Pro increases limits for storage, private sketches, exports, and AI features.
This section shows the public overview.
Signed-in settings show your exact limits.
Unable to load pricing information.
Please refresh the page or contact support.
FAQ
The basics about beta access, quotas, future billing, and what happens to your work while the product is still settling.
Still have questions? Contact us.

Built by Tiago Melo
I'm a game developer and aspiring artist, and I built p5plotter so I could sketch, refine, and process my pen-plotter ideas without bouncing between tools. The app is still in beta, so expect a few rough edges, but I'm sharing it early with the community to hear what you think and how we can polish it together.