GitHubBackgrounds, Effects & CSS Oddities · Text effects
Diff-aware animated number and text ticker for React, Vue and Svelte that only animates changed characters.
Why it’s a gem
Diffing means long numbers roll only where they changed, which reads far better
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.
Renders any web font as animated handwriting strokes, turning ordinary text into a hand-drawn reveal.
Converts text into SVG stroke paths and animates the drawing, supporting custom fonts and per-letter timing.
Text writing module that decodes strings through configurable glitch, scramble and error passes with presets.