Social Links

Profile links as icons, pills or text. Pass URLs and the brand icon and label are detected automatically.

Installation

pnpm dlx shadcn@latest add @portfolio-kit/social-links

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"
  }
}

Icon and name in a bordered pill. Easier to scan when the links are the main call to action.

Plain labels with a ↗ arrow, for footers and “Elsewhere” lists.

Override the detected label, or pass your own icon for sites without a built-in brand, such as a newsletter or a shop.