Hovering Card

Hovering Card

A Card that becomes a clickable link when given an href (wrapped in an anchor, subtle border highlight on hover), and stays a plain non-interactive Card otherwise. Compose it with the standard Card sub-components (CardHeader, CardTitle, CardDescription, CardContent, CardFooter).

Linked (href)

Publishing
How to push a new version to the registry.

Has an href, so it's wrapped in a link. Hover to see the border highlight.

Read more →
Publishing
How to push a new version to the registry.

Has an href, so it's wrapped in a link. Hover to see the border highlight.

Read more →

Disabled

Coming soon
No href (or disabled): a plain, non-interactive Card.
Coming soon
No href (or disabled): a plain, non-interactive Card.
npx shadcn add @ectopcoi-components/hovering-card

© 2026 ectopcoi-components, All rights reserved.

GitHubX