Hyperlink

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

Installation

npx shadcn@latest add @scrollxui/hyperlink

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.