Shadcn Hover Card 7
Timestamp hover card with active relative time. Built by composing Badge, Hover Card, Separator. Uses date-fns alongside the shadcn primitives. A free, open source shadcn hover card example you can install with npx shadcn@latest add @reui/c-hover-card-7 and edit as your own code.
Timestamp hover card with active relative time
Shadcn Components in Hover Card 7
Dependencies
- date-fns
About Shadcn Hover Card 7
Timestamp hover card with active relative time. Built by composing Badge, Hover Card, Separator. Uses date-fns alongside the shadcn primitives. A free, open source shadcn hover card example you can install with npx shadcn@latest add @reui/c-hover-card-7 and edit as your own code.
What You Can Build With Shadcn Hover Card 7
- Composes Badge, Hover Card, Separator, so it drops into any project already using those components.
- Install it with the shadcn CLI: npx shadcn@latest add @reui/c-hover-card-7
- Open source and free, with the full source on this page to copy or adapt.
More Shadcn Hover Card Examples
- Hover Card 1 Basic hover card.
- Hover Card 2 Hover card with positions.
- Hover Card 3 Hover card with profile information.
- Hover Card 4 Hover card with icon
- Hover Card 5 Hover card with an image and text content.
- Hover Card 6 Hover card inside a dialog.
- Hover Card 8 Hover card with paginated release notes
Related Shadcn Component Categories
Open-source shadcn icon tile components for list row media, feature cards, empty states, and dashboard tiles.
Open-source shadcn input components for form entry, search fields, and auth screens.
Open-source shadcn input group components for prefixed inputs, suffixed actions, and combined form controls.
Open-source shadcn OTP input components for verification codes, 2FA flows, and secure confirmation screens.
Open-source shadcn item row components for list rows, settings items, and action rows.