Public Profile Card
Compact profile card with avatar, name, headline, a three stat strip, and a Follow button.
Compact profile card with avatar, name, headline, a three stat strip, and a Follow button.
The Application Collection unlocks the source for every Application block. All Access unlocks every Collection.
Already purchased? Log in
Public Profile Card is the compact surface that appears on hover in a directory or as a standalone card: Jordan Lee with a Pro badge, Full-Stack Engineer at Acme, then a three-column stat strip showing 24 projects, 1,847 contributions, and member since 2023, and a full-width Follow button below.
Stats are one typed const array so swapping the three metrics (stars, forks, reviews) is one edit. The card max-w-sm keeps it contained at a size that reads as a hover card without ballooning into a full panel.
Reach for this block in a directory listing, a mention popover, or a team page grid, wired to your user API. Hide the Follow button if the viewer is already following or if the profile is their own.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the directory hover card. Other compact card shapes:
Tip: three numbers is the right ceiling for a card this size; a fourth stat competes with the name.