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.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
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.