---
title: "svg-text-animate"
description: "Converts text into SVG stroke paths and animates the drawing, supporting custom fonts and per-letter timing."
canonical: "https://vibing.inc/library/svg-text-animate-vg-0196"
category: "Backgrounds, Effects & CSS Oddities"
subcategory: "Text effects"
license: "MIT"
author: "(@oubenruing)"
source: "https://github.com/oubenruing/svg-text-animate"
---

# svg-text-animate
Converts text into SVG stroke paths and animates the drawing, supporting custom fonts and per-letter timing.
## Facts
- Source: https://github.com/oubenruing/svg-text-animate
- Category: Backgrounds, Effects & CSS Oddities / Text effects
- Author: (@oubenruing)
- Licence: MIT
- Tags: svg, text, stroke, animation
## Why it's a gem
Stroke-drawn type from any font without hand-tracing paths in Illustrator
---
Listed in The Vibeary: https://vibing.inc/library/svg-text-animate-vg-0196 · JSON: https://vibing.inc/api/public/library/gems/svg-text-animate-vg-0196