Split Underline Link

Show Preview
Split Underline Link

About Split Underline Link

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.