SocialProfileCard

Domain

User profile card with cover image, avatar, bio, location, website, follower / following stats, and follow / message actions.

Full profile — other user

Preview
Lena Fischer

Lena Fischer

@lena_design

Product designer & creative coder. Turning complex problems into simple, beautiful solutions. ✨

Berlin, Germanylena.design

284

Posts

12.4k

Followers

320

Following

Code
<SocialProfileCard user={{
  userId: 'user-01',
  name: 'Lena Fischer',
  username: 'lena_design',
  bio: 'Product designer & creative coder.',
  location: 'Berlin, Germany',
  website: 'https://lena.design',
  followerCount: 12400, followingCount: 320, postCount: 284,
  isVerified: true, isFollowing: false,
}} />

Own profile (edit button)

Preview
Marco Rossi

Marco Rossi

@marco_dev

47

Posts

540

Followers

210

Following

Code
<SocialProfileCard user={user} isOwnProfile />
Sourcemodules/domains/social/profile/SocialProfileCard.tsx