GitHubBackgrounds, Effects & CSS Oddities · Text effects
Codrops demo animating SVG text along a curved path as it scrolls into view via IntersectionObserver.
Why it’s a gem
Curved scroll-driven type is a signature editorial move with almost no code
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.
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.
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.