Vector editor · valid SVG out⚡ BETA RELEASE — 20% LIFETIME DISCOUNT

Forged for precision. Exports valid SVG files.

🎉 Beta Launch Special: Upgrade to Pro during our Beta period for $9.60/month (20% off $12/mo) with a lifetime discount! Your rate stays locked at $9.60/mo for as long as your Pro membership remains active.

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. SVG export is free and never watermarked, and Pro unlocks PNG and PDF. No install, no proprietary format, free to start.

Start drawingView Beta Pricing ($9.60/mo)

No account needed to try. Open the editor and draw, or start from a template.

Anchorsmith editor showing the left tool rail, top bar, central vector canvas, and right-side properties and layers panels
Tool railCanvasPropertiesLayers
What's inside

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

SVG export is free and never watermarked. Pro unlocks PNG output at exact pixel sizes and true-vector PDF.

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.

Direct vector editing

Grab the nodes. The SVG changes with you.

The full editor is the first thing a new visitor sees. Once they scroll, this live detail shows the underlying vector model: move an anchor or handle and the path data updates.

  • NODES edit anchors and Bezier handles directly
  • SVG inspect the path data as the shape changes
<path d="M 96 250 C 70 172 162 124 232 118 C 302 112 336 74 380 128 C 424 182 416 250 372 292 C 328 334 122 328 96 250 Z" fill="#7c5cff" />
◈ drag the nodes & handlesStart creating
Built for

Made for the work you actually do

The same editor, pointed at a specific workflow — with the templates and export notes that workflow needs.

Parametric precision

Type a number. The drawing updates.

Add a dimension to a sketch and edit its value: the geometry solves to match. Set exact radii, widths, distances, and angles, and pin relationships like parallel, perpendicular, and equal length so your layout stays true as it changes.

  • 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)
=

Drag a node to reshape the sketch, or hover a flag to see what it holds together.

px
px
°
A live constraint sketch: drag a node, or drive the radius and apex angle — the sketch re-solves while the relations stay true, the hole stays tangent to the base, and every leader stays attached to the piece it drives.
What you draw is what you ship

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>
Guide

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 tutorial
Pricing

Start free. Upgrade when you ship more.

SVG export is free and never watermarked. Pro unlocks high-res PNG/PDF, the advanced toolset, and unlimited cloud documents.

Free

A real vector editor, no account needed to start.

$0 / forever
  • Full editor — pen, shapes, path & transform tools
  • Export valid SVG anytime — never watermarked
  • 1 cloud document, up to 2 layers
  • Try instantly — anonymous scratchpad, no signup
  • High-res PNG & PDF export
  • Advanced boolean & path-effect tools
Start drawing free

Pro

BETA 20% OFFRECOMMENDED

Unlimited exports and the full toolset for working designers.

$9.60 $12.00/ month

Beta Lifetime Discount: Sign up during Beta for 20% off for life ($9.60/mo). Stays discounted as long as your Pro status remains active!

  • Everything in Free
  • High-res PNG & PDF export
  • Advanced boolean & path-effect tools
  • Unlimited cloud documents & layers
  • Self-serve billing — cancel anytime
Go Pro — $9.60/moDiscount is automatically applied at checkout. Discount will no longer be available if subscription is cancelled.
Compare plans in detail →