Follow Card

Social profile card with a Follow or Following pill, a bio, follower count, and a mutuals line.

Jordan Reyes
Jordan Reyes@jordan.builds

Shipping tiny tools for bigger teams. Runs, coffee, small synths.

12.4K followersAndrea Kim + 8 mutuals

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
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"
/>