# FreelancerProfileCard

> The FreelancerProfileCard is a versatile and visually engaging React component designed to showcase a freelancer’s professional profile in a clean, modern layout. Built with Shadcn UI principles and Framer Motion for subtle animations, it highlights key information such as the freelancer’s name, title, avatar, location, and rating. The component also supports a grid of achievements to display metrics like completed projects, hours worked, or awards, making it highly configurable for different use cases. A built-in QR code allows for quick sharing or verification of the freelancer’s profile, while interactive buttons with tooltips let users copy the freelancer’s email or share the profile seamlessly. Designed for reusability, theme-awareness, and responsiveness, the FreelancerProfileCard serves as an elegant solution for personal portfolios, freelance marketplaces, or team dashboards.

- Author: [ruhith](https://21st.dev/@ruhith369)
- License: unknown
- npm dependencies: lucide-react, framer-motion
- Live preview: https://21st.dev/@ruhith369/components/freelancer-profile-card

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ruhith369/freelancer-profile-card?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt