Animated underlineFree

The line draws in on hover and leaves the other way.

Props

children

thickness2px

from

Applies to this component only and stays saved when you come back.

Accent

#ff3347

Deep shade

#b3122a

Preview background

$npx nex-ui add animated-underline

import { UnderlineLink } from "@/components/nex-ui/animated-underline";

<UnderlineLink>Read the docs</UnderlineLink>