5,331 stars · Apache-2.0 (read from /blob/master/LICENSE, plain unmodified text, "Copyright 2020 Yann Armelin" — the template placeholder IS filled in, unlike entries #2 and #5 of the same edition) · no GitHub releases at all — a determination, not a gap. The only published version is the side library svg-path-editor-lib 1.0.4 on npm, whose number does not track the editor, and the registry record carried no date · Track this in Scout
A web page for editing the path data inside an SVG by dragging its points, with the work done in the browser.
▶Repo detailsthe review · specs · pros & cons · install
What it is
svg-path-editor is a single-purpose editor for the d attribute of an SVG path. It shows every command in the path as a row you can edit, and every point as a handle you can drag, and it keeps the two in step.
What it is good for. Anyone who has an icon or a logo that is nearly right. A designer handing over an SVG, a developer fixing a shape that does not quite line up, somebody converting absolute coordinates to relative ones to make a file smaller. The situation it fits is specific: the SVG file exists, and the program that made it is not to hand.
- Nothing to install. The hosted page at yqnn.github.io/svg-path-editor is the product, and the work happens in the browser.
- Apache-2.0, read from the file at
/blob/master/LICENSE, plain text with the holder filled in: "Copyright 2020 Yann Armelin". - Code was pushed on 18 June 2026. It does one thing and it has done it for six years.
- No GitHub releases at all, ever. That is a determination and not a gap — we looked, and there are none. The only published version is a side library,
svg-path-editor-lib1.0.4 on npm, and its number does not track the editor. There is nothing to pin. - Running your own copy needs Node.js 18.13 or newer and an Angular build. For most people the hosted page is the only realistic route, which means depending on somebody else's free hosting.
- 24 open issues and 3 open pull requests, with one author and no published support or security policy.
- SVG-Edit/svgedit
A whole browser-based SVG drawing program rather than a path editor; far more capable and far more to learn.
Track this in Scout - alexjlockwood/ShapeShifter
Built for animating between two SVG paths rather than editing one, so it is the tool to reach for when the shape has to move.
Track this in Scout - methodofaction/Method-Draw
A cleaner fork of svgedit with a simpler screen, but it has taken no code since 7 May 2024.
Track this in Scout
git clone https://github.com/Yqnn/svg-path-editor.git cd svg-path-editor npm install npm start
