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.
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.
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.
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
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.
Questions or feedback? Reach me anytime: matthias@lmvision.de or on X @Matthias_Oel.
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.
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.
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.
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
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.
Questions or feedback? Reach me anytime: matthias@lmvision.de or on X @Matthias_Oel.
Matt
