Animated Underline Link

component

Text links with underlines that move: a line that slides in from the left and out to the right, opens from the centre, draws as a wave, fills behind the text, sweeps like a highlighter, or pushes an arrow, with a faint resting line so they still read as links.

pnpm dlx shadcn@latest add "https://reactframe.com/r/animated-underline-link.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

Registry Health Inspect

Animated Underline Link – shadcn/ui Component by reactframe | shadcnregistry

Registries
reactframe
Animated Underline Link

Animated Underline Link

component

pnpm dlx shadcn@latest add "https://reactframe.com/r/animated-underline-link.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

motion
clsx
tailwind-merge

components/animated-underline-link.tsx

motion
clsx
tailwind-merge

components/animated-underline-link.tsx