Hover Card
A card that appears when hovering over a trigger element, showing additional information.
Default
Hover over the link to see a preview card with user information.
@nextjs
@nextjs
The React Framework – created and maintained by @vercel.
120 Following 48.2K Followers
User Profile Card
Hover over a user avatar to see their profile details and follow action.
SC
Sarah Connor
@sarahconnor
Product designer and front-end developer. Passionate about design systems and accessible interfaces.
Product Preview
Hover over a product name to see a quick preview with image, price, and rating.
Wireless Headphones Pro
Wireless Headphones Pro
$149.99
4.0
With Arrow
Hover card with a CSS arrow pointing to the trigger element.
@astrojs
@astrojs
Build faster websites
Astro is a web framework for building fast, content-focused websites. Loved by developers worldwide.
85 Following 32.1K Followers