---
title: "Split Underline Link — Free Framer component · Best of Framer"
description: "Free Framer component · by Matt · Navigation. About Split Underline Link is an animated text link with four unique hover styles."
canonical: "https://framer.elliotli.dev/component/split-underline-link"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/Split Underline Link

# Split Underline Link

Built for satisfying hovers

[View on Framer](https://framer.com/marketplace/components/split-underline-link/?via=elliot-li)

![Split Underline Link preview image 1](https://framer.elliotli.dev/og/component/split-underline-link/f7d7638e3fe2fc93/1600x1200.jpg)

## Summary

About Split Underline Link is an animated text link with four unique hover styles.

## Description

## 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](https://x.com/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](mailto:matthias@lmvision.de) or on X [@Matthias\_Oel.](https://x.com/Matthias_Oel)

## Rank history [How rankings work →](/terms#rankings)

-   All · #1741

## Details

- **Author**: Matt
- **Published**: 2026-07-14
- **Updated**: 2026-10-30
- **Added**: 2026-07-14
- **Categories**: Navigation

## More like this

-   [Reveal Navigations](/component/reveal-navigations) — Design Supply · Free — A calmer way to open your menu
-   [Collapsible Sidebar](/component/collapsible-sidebar) — Marso Angelov · $10 — Responsive Side Navigation
-   [Dial Picker](/component/dial-picker) — Tanmay Kaper · $14 — A machined dial for your projects
-   [Expanding Side Menu](/component/expanding-side-menu) — Russet Supply · $5 — Animated Framer Navigation