component
RacingUnderline Link
By Matt
Details
- MattAuthor
- componentType
- 2026-01-15Published
- 2026-06-22Updated
- 2026-01-03Added
- SectionsCategories
Summary
About RacingUnderline Link adds a clean, “racing” hover underline to your Framer projects.
Description
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 .
Introduction
Fast hover underline that feels clean
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #1058