For a website
Choose Website embed and paste the code into a custom HTML block. It writes itself once as it enters the screen. No GSAP, CDN, or connection to this site.
Your handwriting.
Anywhere on the web.
Write something only you could write. Turn it into an SVG that draws itself, then take it to your own website.
Use a stylus, mouse, or finger. Write at your own pace; stroke order and timing are recorded. A stylus or a phone turned sideways gives you more room.
Ready when you are. No account, no uploads.
01 / Watch it write
Your handwriting will appear here.
A smooth, constant-width pen. Preview and exports respect reduced-motion preferences.
02 / Make it yours
Nothing to export yetOne transparent SVG. Plays when loaded, with no JavaScript or animation library.
See the code
Your last drawing is saved in this browser.
Made to leave this page.
For a design or document
Download a Static SVG for crisp artwork at any size, or a transparent PNG. Guides and the paper background stay here.
For another day
Save the JSON project to keep the original points, stroke order, and timing. Import it here to adjust the ink or replay speed later.
Using it in React, Astro, or your own animation code
Upload the animated SVG to your public assets and use <img src="/my-heading.svg" alt="Your heading" />. It plays when loaded. For the scroll-triggered version, use the HTML embed in an environment that executes its inline script; React does not run scripts pasted through innerHTML.
If your website builder strips inline scripts, use the uploaded SVG option. The scroll-triggered embed needs inline SVG, styles, and scripts to be allowed.
For custom playback, the JSON includes each SVG path, its delay and duration in milliseconds, and normalized progress frames. Animate stroke-dashoffset from 1 to 0 with pathLength="1" and stroke-dasharray="1". Keep the accessible heading text and respect reduced motion. Use unique SVG IDs when repeating a drawing on one page.
What is saved, and who owns it?
Drawing and exporting happen on your device. This tool sends no handwriting to a server. It keeps one recoverable draft in this browser; “Forget saved drawing” removes it. Shared computers and private browsing may not retain drafts reliably, so save a JSON copy of anything important.
Your handwriting is yours. Use the exported artwork and embed code in personal or commercial projects, edit them, and share them. No attribution or account required.
Can I import a photo or an existing SVG?
This tool records pen strokes directly. Photos and most outlined SVGs do not contain stroke order or writing timing, so they cannot be imported as editable handwriting. Use a JSON project made here to continue a drawing.