Life & fun · alternatives · 2026

24 alternatives to Animate Drawing Text with SVG

Animate the Drawing of Text via SVG paths and CSS3 - dboudro/AnimateSVGText

Animate Drawing Text with SVG is a tool that enables users to animate the drawing of text using SVG paths and CSS3 animations. It converts text into animated SVG strokes that appear to be drawn in real time. The tool… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Animate Drawing Text with SVG launched in 2014; newer entries below may have overtaken it.

1. 1
   SVG Artista▲406

   Little tool that helps you create SVG animations

   2019 · svgartista.net · its alternatives →

2. 2AT
   Ascii to SVG▲416

   2016 · ivanceras.github.io · its alternatives →

3. 3
   neoSVG 3▲272

   The next generation of our flagship Text to SVG models

   2024 · neosvg.com · its alternatives →

4. 4
   Stroke▲92

   Animate SVGs. Beautifully.

   Jan 2026 · stroke.abhii.space · its alternatives →

5. 5
   SVGator▲262

   Import, animate and export SVGs easily

   2019 · svgator.com · its alternatives →

6. 6
   SVG Animation Software▲203

   Expressive Animator is an SVG vector animation software that helps users create and export animated icons, logos, and illustrations. Users can import SVG, PDF, Adobe Illustrator files, and Figma designs, and animate them using easing controls, motion paths, masking, and other techniques. Expressive Animator also allow users to export their animations in other formats as Lottie, GIF, PNG, and video.

   2025 · expressive.app · its alternatives →

7. 7
   I made a free animator. Think Adobe Illustrator but for animation▲738

   See animations created by me using Trangram: https://www.trangram.com/showcase I started working on Trangram 7 years ago with a simple idea: a free browser-based vector editor that combines illustration and animation in one place. The goal is to make creating vector graphics and animations as simple as opening a browser. There's nothing to install, no account required, and projects are saved automatically in your browser, so nothing is uploaded to a server. I use Trangram every day for my own illustrations (and occasionally animations). One of the most rewarding parts of…

   2024 · trangram.com · its alternatives →

8. 8
   RoughNotation – create and animate hand-drawn annotations on a web page▲696

   A small JavaScript library to create and animate hand-drawn annotations on a web page

   2020 · roughnotation.com · its alternatives →

9. 9
   Crayon▲418

   Animate your vector illustrations with a few clicks

   2022 · visual.app · its alternatives →

10. 10
    Royalty-Free SVG Illustrations and Animations▲224

    Get access to 2500+ High-quality and affordable illustrations and animations in over 50+ different styles. Great illustration pack designs, don't have to break the bank!

    2020 · pixeltrue.com · its alternatives →

11. 11
    Motion▲263

    An animated SVG icon editor

    2020 · getmotion.io · its alternatives →

12. 12
    Walkway.js▲121

    An easy way to animate simple SVG elements

    2014 · connoratherton.com · its alternatives →

13. 13AW
    Animated Watch Illustrations with CSS3 and SVG▲41

    I wanted a little project to practice illustration as well as animation on the web. Plus I'm a big fan of watches.

    2013 · wrist.im · its alternatives →

14. 14AT
    A tool to build real websites built exclusively in SVG▲197

    2021 · svija.love · its alternatives →

15. 15
    SVG Waves▲263

    Instantly generate SVG waves - made by a 12 year old 🌊

    2021 · svgwaves.io · its alternatives →

16. 16
    Anime.js – Polyvalent JavaScript Animation Engine▲283

    A fast, multipurpose and lightweight JavaScript animation library

    2016 · anime-js.com · its alternatives →

17. 17
    SVG Background Generator▲296

    Customize, scalable backgrounds and patterns for free

    2018 · svgbackgrounds.com · its alternatives →

18. 18
    CSS3 animation▲271

    An experiment with basic CSS3 animations.

    2012 · thegoodman.cc · its alternatives →

19. 19ER
    Editable, royalty-free SVG illustrations▲295

    2019 · gallery.manypixels.co · its alternatives →

20. 20
    Sketch 101▲230

    Smart Animate, Color variables gradients + more!

    2024 · sketch.com · its alternatives →

21. 21
    SVG Weave▲14

    Hey HN, I'm a solo dev and I kept wasting hours hand-writing CSS @keyframes to animate SVGs. Write a keyframe, preview, tweak the timing, preview again, repeat. For anything beyond a simple fade it turns into dozens of rules across multiple elements. I wanted something where I could just describe the motion and get working animations back. SVG Weave is a visual node graph editor for this. You place nodes on a canvas (SVG input, prompt, render) and connect them with wires. Type what you want the animation to do, hit render, and the AI streams CSS @keyframes back in real time. You see the SVG…

    Feb 2026 · svgweave.com · its alternatives →

22. 22
    SVG.io▲143

    Text prompt to SVG illustration

    2023 · pictrix.ai · its alternatives →

23. 23
    SHIFT▲267

    Convert 2D vector to the new dimension

    2022 · studio.morflax.com · its alternatives →

24. 24
    Method Draw, an SVG drawing application▲20

    Method Draw is an open source SVG editor for the web, you can use it online without signing up.

    2012 · editor.method.ac · its alternatives →

Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →