GitHubBackgrounds, Effects & CSS Oddities · Text effects
React hook producing randomised scramble and decrypt text transitions with tick rate, speed and character-set controls.
Why it’s a gem
The cleanest decrypt-text API; one hook, no wrapper components or refs
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.
Converts text into SVG stroke paths and animates the drawing, supporting custom fonts and per-letter timing.