Split Underline Link
Built for satisfying hovers
About this component
About
Split Underline Link is an animated text link with four unique hover styles. Choose between center or edge reveals, with smooth text color transitions and an underline that opens and closes in sync.
What you can customize
Built entirely with native Framer elements. Customize the animation style, text, link, colors, underline visibility, line radius, and whether the link opens in a new tab without code.
Great for (examples)
Just a few ideas, use it anywhere you want links to feel more interactive:
Portfolio websites
Creative agency websites
Design studio websites
Editorial websites
Navigation menus
Footer links
Project pages
Blog websites
Personal websites
Minimal landing pages
Premium Framer templates
Interactive web experiences
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.
