Sign up free
Start creatingRead the guide

Every tool in the editor

Draw, animate and export in one browser tab

svgmo runs in a browser tab. Draw, set keyframes, shape the motion and export, with nothing to install. This is every tool in the editor today.

Start creatingRead the editor guide

Thirteen tools. Press the letter to pick one.

  • SelectV
  • Node editA
  • HandH
  • ZoomZ
  • ArtboardC
  • PenP
  • PencilN
  • RectangleR
  • EllipseE
  • PolygonG
  • StarS
  • LineL
  • Motion pathM

Draw

Thirteen tools, including a pen, a pencil and five basic shapes.

  • Shapes and the pen

    Rectangle, ellipse, polygon, star and line, plus a pen and a pencil for paths of your own.

  • Layers and parenting

    Lock, hide, reorder and rename layers. Attach one to another and it inherits position, rotation and scale.

  • Colour, gradients and strokes

    Solid and gradient fills, strokes with dashes, and a stroke trim for lines that write themselves.

  • Blend modes

    Set how a layer blends with the ones beneath it.

Animate

Key any property, shape the move, and watch it play as you work.

  • Keyframes and easing

    Key position, scale, rotation, opacity, colour and more, then shape each move with a curve editor and thirteen easing presets.

  • Motion paths

    Draw a route and put a layer on it. It follows, and can turn to face the way it travels.

  • Shape morphing

    Keyframe the outline itself and one shape becomes another.

  • 33 motion presets

    Fade, pop, spin, shake, float and more. Preview each one on your layer, then apply it with a stagger.

Bring artwork in

Bring in artwork you already have.

  • SVG import

    Open an SVG and every shape becomes a layer you can animate.

  • Image to vector

    Trace a PNG or JPG into clean shapes, with a background remover and control over colours, detail and edges.

  • Split into shapes

    Break an imported word or icon apart and animate each letter on its own.

  • Free animations

    Open any animation from the library in the editor and change it.

Ship it

Five ways to export the same document.

  • Animated SVG

    One file that plays by itself without a script, even in an image tag.

  • svgmo JSON and the player

    A small JSON file and an 11 KB player, with hover, click and scroll triggers.

  • Lottie, video and images

    Export Lottie JSON, video or still images when a platform asks for them.

  • Animate with AI

    Connect Claude through MCP and describe the motion in plain words. It works in your open editor.

Open the editor and try them

Free. Sign in with Google. Your work stays in your browser.

Start creating