Profile Contact Card

Show Preview
Profile Contact Card
Profile Contact Card

About Profile Contact Card

Profile Contact Card for Framer

Give your personal brand a polished, interactive presence with Profile Contact Card — a customizable Framer component featuring CMS-powered profile details, social links, and a playful slide-to-contact CTA.

Perfect for portfolios, freelancer profiles, creator pages, and personal websites, it helps visitors discover your profile and connect with you effortlessly.

Features

  • CMS Integration: Dynamically display profile details using Framer CMS.

  • Slide-to-Contact CTA: An interactive slider that makes contacting you more engaging.

  • Profile Details: Showcase your name, username, profile image, rating, and follower count.

  • Social Links: Add links to platforms like LinkedIn and X.

  • Customization: Adjust colors, typography, spacing, and corner radius.

  • Responsive Design: Fits seamlessly into desktop, tablet, and mobile layouts.

Where to Use

Personal portfolios, freelancer websites, designer profiles, creator pages, agency websites, and digital business cards.

How to Use

  1. Copy the component into your Framer project.

  2. Connect your Framer CMS collection and map the profile fields.

  3. Customize your profile image, banner, name, and social links.

  4. Configure the slide-to-contact CTA and destination.

  5. Adjust the styling to match your brand.

  6. Preview across screen sizes.

Support & Contact

For setup help or technical issues, email: contactrajanpatra@gmail.com. Include a description of the issue and screenshots.

Made with ♥ by RAjan

From RAjan

Cards Footer
Reviews & Ratings
Multi-Step Form Kit
Apple Style Carousel

Related Components

Hover Product Card
PortfolioCard
Programs
Portfolio Image Card