Profile Card
Profile card with a gradient cover, avatar, verified badge, tags, stats and a follow toggle.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
ProfileCardProps
Also accepts all props of Omit<React.ComponentProps<"div">, "onChange">
| Prop | Type | Default | Description |
|---|---|---|---|
| name* required | string | — | — |
| handle* required | string | — | — |
| bio | string | — | — |
| location | string | — | — |
| verified | boolean | false | — |
| tags | string[] | [] | — |
| stats | ProfileStat[] | [] | — |
| cover | string | "linear-gradient(135deg, #6366f1, #ec4899 55%, #f59e0b)" | CSS gradient for the cover |
| defaultFollowing | boolean | false | — |
| onFollowChange | (following: boolean) => void | — | — |
Install
$ npx shadcn@latest add https://chromotion.dev/r/profile-card.json