GitHubBackgrounds, Effects & CSS Oddities · Text effects
Converts text into SVG stroke paths and animates the drawing, supporting custom fonts and per-letter timing.
Why it’s a gem
Stroke-drawn type from any font without hand-tracing paths in Illustrator
Typewriter engine with queued strings, mid-string deletions, nested instances and full control over speed and cursor.
Kerning-aware text splitting for React that preserves letter-spacing when splitting into characters for staggered animation.
Codrops demo animating SVG text along a curved path as it scrolls into view via IntersectionObserver.
Diff-aware animated number and text ticker for React, Vue and Svelte that only animates changed characters.
Renders any web font as animated handwriting strokes, turning ordinary text into a hand-drawn reveal.
Text writing module that decodes strings through configurable glitch, scramble and error passes with presets.