Hover Profile

Compact social hover card with avatar, handle, short bio, and a three-column posts/following/followers strip.

Noor Ahmed
Noor Ahmed@noor.codes

Writing small notes about large systems.

142Posts
318Following
4.2KFollowers

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

Import & use
import { Card29 } from "@/components/beste/piece/card29";

<Card29
  name="Noor Ahmed"
  handle="noor.codes"
  bio="Writing small notes about large systems."
  initials="NA"
  stats={[
    {
      "label": "Posts",
      "value": "142"
    },
    {
      "label": "Following",
      "value": "318"
    },
    {
      "label": "Followers",
      "value": "4.2K"
    }
  ]}
  image="https://images.unsplash.com/photo-1544005313-94ddf0286df2?w=100&auto=format&fit=crop"
/>