Gradient Underline Link
Links with animated gradient underlines that expand on hover — perfect for nav and editorial.
Adjust the preview
Every choice updates the preview and the wording below.
Gradient
Thickness
Animation
Your prompt
Highlighted values follow your choices — click one to write your own.
Create links with animated gradient underlines using a violet-to-pink gradient that is medium 2px thick. The underline should appear on hover with a left-to-right animation using CSS transform scaleX on a pseudo-element.
Paste it into Claude, Cursor, or v0 along with the context for your project.