Forged for precision. Shipped as real SVG.
Anchorsmith is a precise vector workspace that runs in your browser: a real bézier pen, shape and text tools, node editing, SVG and image import with auto-trace, and CAD constraints. Everything you draw exports to clean, standards-valid SVG you can open anywhere. No install, no proprietary format, free to start.
No account needed to try. Open the editor and draw.
A full vector toolkit in a browser tab
The precision of a desktop design app, and files that belong to the open web.
Precision drawing & node editing
A real bézier pen plus rectangle, ellipse, line, polygon, and text tools. Edit paths anchor by anchor with Direct Selection, including selecting multiple nodes by type.
Import & auto-trace
Drop an SVG and it becomes editable native paths with gradients and fill-rule preserved. Place raster images, or trace them to vector (auto, ink, or color modes; fill, centerline, or brush) with a live preview.
CAD constraints & dimensions
Constrain sketches with coincident, parallel, perpendicular, collinear, equal-length, and angle relations, plus driving dimensions. A solver keeps the geometry exact.
Color, gradients & strokes
A custom HSV/RGB/CMYK color picker with an eyedropper: pick from anywhere on screen in Chrome, or from your canvas (and a shared screen) in Firefox. Linear and radial gradients, and stroke join, cap, and miter controls.
Export anywhere
Export standards-valid SVG with the web fonts you used embedded, PNG at 1×, 2×, or 4×, and true-vector PDF. Open your work in any tool or ship it straight to the web.
Layers, artboards & undo
Organise with a layer tree and multiple artboards. 256 steps of undo, plus manual checkpoints when you sign in. Start on an anonymous scratchpad, no install.
Type a number. The drawing updates.
Add a dimension to a sketch and edit its value: the geometry updates to match, the way a real CAD sketch works. Set exact radii, widths, distances, and angles for precise, repeatable layouts.
- DRIVING edit the value, the sketch solves to it
- CONTROL choose what moves: the far end, both ends, or the whole shape
- UNITS work in your unit, and type another inline (25mm in a cm document)
The canvas and the code stay in sync
Anchorsmith renders on canvas for a fast, WYSIWYG editing experience, then walks the same document model to emit tidy SVG markup. What you see on the artboard is exactly what lands in the file.
- SVG 1.1 attribute-based, defs for gradients
- FIDELITY round-trip-checked against a golden-SVG corpus
<svg viewBox="0 0 480 400"
xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="ink" x1="0" y1="0"
x2="1" y2="1">
<stop offset="0" stop-color="#6d4aff"/>
<stop offset="1" stop-color="#a06bff"/>
</linearGradient>
</defs>
<path d="M96 250C70 170 150 96 232 118…Z"
fill="url(#ink)"/>
</svg>New here? Learn the whole editor.
Every tool, shortcut, and feature, with real screenshots and step-by-step workflows. There is even a machine-readable version for AI agents.
Read the tutorialStart free. Upgrade when you ship more.
SVG export is free. Pro unlocks unlimited watermark-free exports, PNG/PDF, and the advanced toolset.
Free
A real vector editor, no account needed to start.
- Full editor — pen, shapes, path & transform tools
- Export valid SVG anytime — watermarked, plus 1 watermark-free export every week
- 1 cloud document, up to 2 layers
- Try instantly — anonymous scratchpad, no signup
- High-res PNG & PDF export
- Advanced boolean & path-effect tools
Pro
RECOMMENDEDUnlimited exports and the full toolset for working designers.
- ✓ Everything in Free
- Unlimited watermark-free SVG export
- High-res PNG & PDF export
- Advanced boolean & path-effect tools
- Unlimited cloud documents & layers
- Self-serve billing — cancel anytime