Hover Card Profile 2 - Profile with follow button

Pro

Profile HoverCardContent including a follow or connect action button.
Shadcn Hover Card Profile 2 component

Component data

ID
hover-card/hover-card-profile-2
Access
pro
Created
Oct 5, 2025
Type
example
Libraries
Radix UI, Base UI, React Aria

Hover Card Profile 2 component design & features

This example adds a Button follow action inside HoverCardContent below avatar and name rows. HoverCardTrigger stays on the username while the card hosts the primary social action.

Follow hover cards suit community products and creator platforms where discovery happens inline. Users act on interest without opening a full profile route.