→ Priya Sharma
→ Animated Profile Card with Hover Effects...

Animated Profile Card with Hover Effects and Social Links

This Example is contributed by Priya Sharma, on 08-Feb-2025. It is responsive. similar terms for this example are Profile Cards,User Profile,Profile,Author box,User information,Statistic,Data Visualization,Statistical Overview,Statistics Display,Stats,Info,Show info,Statistics

Profile Card Bio Card Social Links Hover Effects Social Media Team Member Stats Display

Author Priya Sharma

Fork Fullscreen

<div class="profile-card">
  <div class="card-header">
    <div class="profile-image">
      <img src="https://i.pravatar.cc/150" alt="Sarah Mitchell">
    </div>
    <div class="profile-info">
      <h3>Sarah Mitchell</h3>
      <p>UX Designer</p>
    </div>
  </div>
  <div class="card-body">
    <p class="bio">Passionate about creating beautiful and intuitive user experiences. Always exploring new design trends.</p>
    <div class="stats">
      <div class="stat">
        <span class="number">128</span>
        <span class="label">Projects</span>
      </div>
      <div class="stat">
        <span class="number">15.3k</span>
        <span class="label">Followers</span>
      </div>
      <div class="stat">
        <span class="number">2.4k</span>
        <span class="label">Following</span>
      </div>
    </div>
  </div>
  <div class="card-footer">
    <a href="#" class="social-link"><i class="fab fa-twitter"></i></a>
    <a href="#" class="social-link"><i class="fab fa-linkedin"></i></a>
    <a href="#" class="social-link"><i class="fab fa-dribbble"></i></a>
    <a href="#" class="social-link"><i class="fab fa-github"></i></a>
  </div>
</div>

Related Examples

Modern User Profile Card with Animated Stats

Author:
Emma Thompson

2 months ago
Profile Card with Social Media Links

Author:
Anonymous

1 month ago
Profile Card
A beautifully designed profile card featuring smooth gradient animations and social media integration for modern web applications

Author:
Emma Thompson

2 months ago
User Profile Card
A sleek and modern profile card featuring glass morphism effects, subtle gradients, and smooth hover animations for enhanced user interaction.

Author:
Emma Thompson

2 months ago
Floating Social Media Profile Card
A beautifully designed profile card featuring smooth gradient backgrounds, hover animations, and social media integration

Author:
Emma Thompson

2 months ago
Modern Flexible User Profile Card
A clean and flexible user profile card with avatar, user information, and social stats designed with a modern aesthetic and responsive layout.

Author:
Anonymous

1 month ago
Profile Information Card

Author:
Anonymous

1 month ago
User Info Card

Author:
Emma Thompson

2 months ago
User Profile Card

Author:
Anonymous

1 month ago
Elegant Profile Hover Card with Animation Effects
A stylish hover card that reveals detailed user information with a smooth animation when hovering over a profile thumbnail.

Author:
Maya Johnson

1 month ago
Simple Author Card

Author:
Prajwal Hallale

2 months ago
Author Profile Card with Social Media Links

Author:
Elara

2 months ago

Didn't find component you were looking for?

Search from 500+ components