Hyperlink

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

Installation

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

Usage

import { Hyperlink } from "@/components/ui/hyperlink";
<Hyperlink href="/components" className="text-lg">
  Components
</Hyperlink>

Examples


Custom

API Reference

Hyperlink

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

Props

PropertyTypeDefaultDescription
hrefstringrequired
URL the link navigates to when clicked.
childrenReact.ReactNoderequired
Content displayed inside the hyperlink, e.g., text, button, or icon.
classNamestringoptional
Custom CSS classes applied to the link container for styling.
underlineClassNamestringoptional
Custom CSS classes applied to the animated underline.

Built withby Ahdeetai.