Profile Cards

A clean, modern freelancer profile card component designed to showcase professionals, their services, and key stats in a compact and engaging layout.

The card is fully responsive and ready to use. Easily customize the profile image, name, profession, description, rating, earnings, hourly rate, buttons, and other content to match your project.

It comes with two visual variations, giving you flexibility to choose between a clean light layout and a dark image-overlay style.

Features

• Fully responsive

• Fully customizable

• Ready to use

• 2 visual variations

• Light & dark card styles

• Editable profile information

• Custom profile images

• Rating and statistics section

• Earnings and hourly rate display

• Contact CTA

• Bookmark/save button

• Reusable component

• Easy to adapt to different professions

• Clean and modern design

Perfect for

Use the card for:

• Freelancer websites

• Talent marketplaces

• Team members

• Agency profiles

• Designer portfolios

• Creator profiles

• Consultant profiles

• Service providers

• Professional directories

Customizable Content

Everything important is editable, including:

Profile

• Image

• Name

• Profession

• Description

Stats

• Rating

• Earnings

• Hourly rate

Actions

• Contact button

• Bookmark button

You can replace the sample content with your own information and use the card immediately in your Framer project.

Two Variations

Variation 1 — Light

A clean card with the profile image separated from the content area. Suitable for minimal and professional layouts.

Variation 2 — Dark Overlay

A visually stronger version with the profile information displayed over the image using a dark gradient overlay.

Both variations use the same core structure and can be customized to fit different projects.