DrawUnderlineFX

Animated underline that draws itself

DrawRandomUnderline FX adds playful, animated underlines to text that appear with randomized stroke motion, adding personality and interactivity to headings, links, or buttons.

DetailsDrawRandomUnderline FX is a Framer component that creates animated underlines which draw themselves dynamically beneath text. Each underline stroke has a slight random motion for a hand-drawn, organic feel.

You can customize stroke thickness, color, animation speed, randomness intensity, easing, delay, and trigger type (hover, click, or scroll). Supports multi-line text, gradient underlines, and layered effects for more expressive visuals.

Ideal for hero headings, navigation links, call-to-actions, portfolios, and interactive content, DrawRandomUnderline FX brings subtle but delightful motion to text, making it feel alive and engaging.