Vector drawing and animation tool

SVG Motion Editor Online

Create SVG artwork with shape, pen, line, and pencil tools, then animate layers with states, presets, and clean vector exports.

Upload SVG

Illustrator-lite SVG workflow

Draw vector paths, build layers, add motion, and export clean SVG.

Focused on practical SVG creation: fast drawing tools, editable path data, animation states, CSS motion, and developer-ready handoff output.

Open a sample or upload an SVG to begin.

Paste SVG code

SVG markup

Fill Stroke Width

Background Zoom

Start a canvas

Create a blank SVG, draw vector paths, open the sample, upload a file, or paste SVG code.

Properties

No layer selected

None

Layer controls

ID / layer name Text content

Paint

Fill

Stroke

Stroke width Opacity

Transform

X Y Rotate Scale

Raw transform

Path editor

For path layers, edit the raw path or adjust numeric coordinate pairs.

Path d

Animation Preset

Duration Delay Easing Loop

Export