Follow Card
Jordan Reyes@jordan.builds
Shipping tiny tools for bigger teams. Runs, coffee, small synths.
12.4K followersAndrea Kim + 8 mutuals
Shipping tiny tools for bigger teams. Runs, coffee, small synths.
Social profile card with a Follow or Following pill, a bio, follower count, and a mutuals line.
Turn the props on the right; the snippet under them is what you would write to get what you see.
Shipping tiny tools for bigger teams. Runs, coffee, small synths.
import { Card22 } from "@/components/beste/component/card22";
<Card22
name="Jordan Reyes"
handle="jordan.builds"
bio="Shipping tiny tools for bigger teams. Runs, coffee, small synths."
followers="12.4K followers"
mutuals="Andrea Kim + 8 mutuals"
initials="JR"
image="https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?w=100&auto=format&fit=crop"
/>The import and the props worth knowing about, in one place.
import { Card22 } from "@/components/beste/piece/card22";
<Card22
name="Jordan Reyes"
handle="jordan.builds"
bio="Shipping tiny tools for bigger teams. Runs, coffee, small synths."
followers="12.4K followers"
mutuals="Andrea Kim + 8 mutuals"
initials="JR"
following={false}
image="https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?w=100&auto=format&fit=crop"
/>
Designing the tooling that ships millions of components every week.
User profile card with a gradient avatar, role, location, a short bio, and a trailing social icon button.
Writing small notes about large systems.
Compact social hover card with avatar, handle, short bio, and a three-column posts/following/followers strip.
Avatar with name, role, and a presence dot in emerald, amber, or slate.
Priya Nandan
Migration engineer
Free from 09:30 today
A person card pairing a portrait with a name and role, a colour-coded availability line, and a few hairline facts about the call.
