Back to Components
Cards
User Profile Card
Profile card with avatar, name, bio, stats (followers, following, posts), and follow button.
Alex Morgan
Product designer exploring the intersection of tech and creativity.
3.2k
Followers
218
Following
142
Posts
Dependencies
- clsx
- tailwind-merge
Files
- components/ui/user-profile-card.tsx
Installation
Using shadcn CLI
npx shadcn add user-profile-card --url https://ui.hampton.ioManual installation
Copy the component file to your project and install dependencies:
npm install clsx tailwind-merge