SVGSketch is a browser-based SVG editor for drawing, editing paths, and exporting clean scalable vector graphics with a fluent TypeScript SDK.
Free to use · No account required · Works in any modern browser
Edit the code - the SVG above updates as you type. Only @svgsketch/core is in scope.
Made with SVGSketch
Every tile above is a real SVG produced by the editor or the SDK. See more examples →
Drawing, path editing, animation, and multi-format export, with data plugins built in.
Optimized markup with zero proprietary metadata - no data-* ghosts. Round-trips cleanly through any toolchain. Copy-paste directly into your codebase or commit it to a repo.
Shortcut coverage for every tool, panel, and action - pen, transform, boolean, alignment, animation. A searchable command palette covers the rest.
Real SVG <text> - never rasterized. Google Fonts and local fonts with variable font axes, multi-line wrapping, text on a path, shape-inside flow, and convert text to path. Vertical writing modes and full RTL/bidi.
Real timeline editor for SMIL and CSS animations. Keyframe transforms, fills, paths, and motion along an <mpath>. Cubic-bézier, steps(), and linear() easing. Import animated SVGs round-trip; export self-contained loops with no JavaScript runtime.
Union, subtract, intersect, exclude, and divide on any vector geometry - paths, primitives, and text outlines. Build complex shapes from simple ones and keep editing the result.
Export SVG, PNG, JPEG & WebP free. Upgrade to Pro for PDF, GIF, video, batch ZIP, and code generation. One source document, every format you need to ship in.
Command-level control over the d attribute. Mix M, L, C, Q, A, Z in one path, switch between cubic and quadratic béziers, drag nodes and handles, convert lines to curves, smooth or simplify, reverse direction. Pen tool plus freehand with automatic curve fitting.
Snap to grid, smart guides, alignment tools, and distribute spacing evenly across selections.
Full history across every operation - every drag, transform, keyframe, and edit is reversible.
Explore Plugins built by SVGSketch or build your own with the SDK.
Generate SVG from a text prompt with the AI plugin. The output is native, editable shapes, not a flattened raster trace.
Free for core editing. Pro adds advanced export, code generation, and plugins.
forever
14-day free trial · billed $108/year