Hyperlink

Hyperlink component with animated underline, smooth hover & customizable style.

Hover Me

npx shadcn@latest add https://scrollxui.dev/registry/hyperlink.json

import { Hyperlink } from "@/components/ui/hyperlink";

<Hyperlink href="/components" className="text-lg">
  Components
</Hyperlink>

Hyperlink component with animated underline, smooth hover & customizable style.

Property	Type	Default	Description
`href`	string	`required`	URL the link navigates to when clicked.
`children`	React.ReactNode	`required`	Content displayed inside the hyperlink, e.g., text, button, or icon.
`className`	string	`optional`	Custom CSS classes applied to the link container for styling.
`underlineClassName`	string	`optional`	Custom CSS classes applied to the animated underline.