Profile Card

Link-in-bio style card with avatar, name, role, location, status, bio, socials and a primary action. Vertical card or compact row.

Installation

pnpm dlx shadcn@latest add @portfolio-kit/profile-card

First time? Add the @portfolio-kit registry to components.json

components.json

{
  "registries": {
    "@portfolio-kit": "https://www.parthjadhav.com/products/portfolio-kit/r/{name}.json"
  }
}

Add a banner and the avatar overlaps it automatically. Two actions split the footer evenly.

A single row for sidebars, post footers and “written by” blocks. In slots narrower than 28rem the links and action move under the name.

Stack compact cards for collaborators or a studio roster. Long roles wrap, and each card shows its own status.