RacingUnderline Link

About

RacingUnderline Link adds a clean, “racing” hover underline to your Framer projects. Drop it into any layout, set your label, and you get an underline that slides in from the left and escapes to the right, perfect when a normal link feels too static. It’s ideal for nav bars, footers, and inline text links where you want subtle motion without turning the UI into a circus. Licensed for unlimited personal and commercial projects by the purchaser.

What it does

Renders a fully responsive text link with a built-in underline animation, no extra layers or manual interactions needed. On hover, the underline animates left → right, then exits cleanly to the right for a sleek “racing” feel. Works great across breakpoints and stays crisp in modern layouts.

What you can customize

From the Framer property panel you can adjust the label, text style, link target, underline color. To fine-tune the underline thickness for larger text, you can also increase Line Wrapper → Default Line → Height.

Great for (examples)

Just a few ideas, use it anywhere a link should feel premium:

• header navigation links

• footer link lists

• inline links in paragraphs

• “Back”, “Next”, “Learn more” micro-links

• simple menus and dropdowns

Share your build

If you ship something cool with it, post it on X and tag me @Matthias_Oel, or send it over. I’d love to see what you create.

Need help?

Questions or feedback? Reach me anytime: matthias@lmvision.de or on X @Matthias_Oel.