Skip to content

component

RacingUnderline Link

By Matt

Details

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.

11001200123608/148/228/309/79/15
  • All · #1058