Shadcn.io is not affiliated with official shadcn/ui
User Profile Popover
User profile card popover with name, username, and bio using ghost button trigger for social media hover cards built with shadcn/ui
Profile details shouldn't require navigation—hover cards solve this. This React popover displays user profile with heading name, muted username, and text-xs bio triggered by ghost username button using shadcn/ui. Built with Radix UI primitives and typography hierarchy, profile popovers provide quick context—perfect for social mentions, user lists, comment authors, team directories, or any interface where user information needs visibility without leaving current page or opening full profile.
User Profile Popover preview
Installation
Related Components
Popover with Heading
Heading with description structure
Popover with Divider
Sections separated by divider
Card
Profile card component
Avatar
User avatar component
Badge
Status badge
Tooltip
Hover-triggered tooltip
FAQ
Was this page helpful?
Sign in to leave feedback.