Websites and apps
An animated SVG signature for your website.
Draw your signature and get a vector animation of it writing itself out: an animated SVG you can use in a plain <img> tag, Lottie JSON for apps, or a transparent WebM.
How it works
Three steps.
01
Draw your signature
Sign with a finger, mouse, trackpad or Apple Pencil. Steady hand smooths shaky lines, and you can reshape any curve by its points or trace a photo of your signature.
02
Pick a look
Choose ink, glow and pace. The SVG keeps a tight box around the signature, so it sits neatly in your layout.
03
Download and embed
Choose Website on the export step. Use the SVG in an <img> tag, the Lottie JSON in apps, or the WebM where you want video.
Formats
What you download.
Animated SVG
Vector; plays once and holds, or loops if you choose. A tight box around the signature.
Lottie JSON
Vector animation for apps and sites. Glow isn’t included in this format.
Transparent WebM
A real transparent background in Chrome, Edge and Firefox. Safari and QuickTime ignore the transparency and play it on black.
Static SVG and PNG
The final frame as vector outlines, or a 3000 px transparent PNG.
Embedding the SVG
<img src="/signature.svg" alt="Signed, Your Name" width="480">Questions
Good to know.
Does the animated SVG work in an <img> tag?
Yes. The animation is inside the SVG file itself, so a plain <img> tag plays it, with no script needed.
Does it loop?
The animated SVG plays once and holds by default; turn on Loop on the export step to repeat it.
How much does it cost?
Drawing, styling and previewing are free, without an account. Downloading a signature uses one from a pack: 5 for $1.99, 15 for $4.99, 50 for $12.99. A pack is a one-time payment, not a subscription, and unused signatures don’t expire.
Is my drawing stored?
Yes, to show your previews and render your files. Delete it any time; unpaid signatures are deleted automatically 30 days after you last change them.
Ready when you are.
Draw your signature, free