Glyphlo

The Super Simple SVG Text Animator


In my websites I often use an SVG animation technique that utilizes the dash array property to give the effect of drawing the SVG image or text. Manually crafting these animations can be a time-consuming process, which inspired me to develop a tool that simplifies this task for others. My completed project allows users to select and customize any Google Font, which is then converted into an SVG and animated. The tool generates the necessary code, enabling users to easily replicate these animations on their own websites.

Technologies

The Tech Stack

TypeScript

React Logo

React

Next

SASS

Node

Redux Logo

Redux

Jest

Jest