Typography doesn't always have to appear.

Sometimes it can draw itself. ✍️

I built Path Drawing, a Framer component that turns text into an animated SVG stroke reveal.

You can customize the font, size, stroke, gradient, duration, looping, alignment, position, and drawing length directly from Framer's property panel.

Built to stay lightweight, responsive, and production-friendly while supporting reduced motion and Framer's static rendering.

A simple effect, but a fun way to give hero sections and editorial typography more personality.

Typography doesn't always have to appear.

Sometimes it can draw itself. ✍️

I built Path Drawing, a Framer component that turns text into an animated SVG stroke reveal.

You can customize the font, size, stroke, gradient, duration, looping, alignment, position, and drawing length directly from Framer's property panel.

Built to stay lightweight, responsive, and production-friendly while supporting reduced motion and Framer's static rendering.

A simple effect, but a fun way to give hero sections and editorial typography more personality.