Dev Design Library

Hover Card

A hover-triggered rich preview card with open/close delays, a hover bridge so moving into the card keeps it open, placement with collision flip, an optional arrow and keyboard support.

Hover Card preview
Library
ReactFrame
Framework
React
Type
component
License
MIT
Dependencies
clsx, motion, tailwind-merge
Install
npx shadcn@latest add https://reactframe.com/r/hover-card.json
Files
  • registry/new-york/hover-card/hover-card.tsx
Source
https://github.com/AhmetLoca/reactframe-public

Categories

More from ReactFrame