RacingUnderline Link

Show Preview
RacingUnderline Link
RacingUnderline Link

About RacingUnderline Link

Explore the best Framer components ↗

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

Need help?

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

From Matt

Animated Step Cards
Interactive Footer 8
Liquid Glass Footer
Polaroid Footer

Related Components

Scroll Sync Showcase
Starsfield
Cinema Carousel
Stack Slider