Home
KULDEEP
Profile Card

Profile Card

Simple and Attractive Profile card in tailwind css

This tailwind example is contributed by KULDEEP, on 26-Jun-2025. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are Author box, User information

Card Profile

Author KULDEEP

541

Fork Fullscreen

<section class="flex justify-center items-center min-h-screen bg-gray-100 p-4">
  
  <div class="max-w-sm w-full bg-white rounded-xl shadow-lg hover:shadow-2xl transition-shadow duration-300 p-6 relative">
    
    <div class="flex justify-center -mt-16 mb-4">
      <img class="w-32 h-32 object-cover rounded-full border-4 border-white shadow-md hover:scale-105 transform transition-transform duration-300" src="https://avatars.githubusercontent.com/u/124576166?v=4" alt="Profile Image">
    </div>
    
    <div class="text-center mb-4">
      <h2 class="text-2xl font-semibold text-gray-800">Kuldeep Prajapati</h2>
      <p class="text-gray-500">Creative Designer</p>
    </div>
    
    <p class="text-center text-gray-600 mb-6 px-4">
      Passionate about crafting beautiful and functional user experiences. Let's build something amazing together.
    </p>

Related Examples

Responsive Feature Card

Author:
Gopi Yadav

3 years ago

13.4k
Card responsive and dark mode grid

Author:
Cristian

1 year ago

1.9k
Responsive Tailwind CSS Listing Cards
This is a collection of responsive listing cards built with Tailwind CSS, optimized for modern web applications. The component features a flexbox layout, ensuring seamless responsiveness across mobile, tablet, and laptop screens. Each card includes an image, title, and description, styled for both light and dark modes. Perfect for showcasing products, portfolio items, or blog posts.

Author:
Abhiraj

1 year ago

2.1k
Reusable Skill Showcase Section With Pure Tailwind CSS
A fully responsive and modular "Skills & Tools" section, perfect for any developer portfolio. Built with static HTML and Tailwind CSS, this component can be easily integrated into any project and made dynamic using any frontend framework (Vue, React, Svelte, Angular) or vanilla JavaScript. Customize it to highlight your unique tech stack and create engaging portfolio pages.

Author:
Abdul Baset Bappy

10 months ago

1.8k
Info card for admin panal
Show stats on your dashboard

Author:
Arya

3 years ago

13.1k
3D Modern Pricing Card
Here's a modern, reusable Pricing Card component that's highly popular on platforms like TailwindFlex. It's clean, responsive, and designed for conversions.

Author:
dev-fab250

8 months ago

775
grid card

Author:
Md. Tofayel islam

1 year ago

1.8k
DailyDev Card
Card -based card used in the Dailydev Card, this is created to be modified to taste of each user

Author:
Ameth Galarcio

11 months ago

1.8k
Beautiful info cards
Responsive and minimal design

Author:
Amit Pachange

3 years ago

10.5k
Card
card

Author:
5upreme505

1 year ago

2.2k
Weather card
Component was one shot generated using https://inspi.me

Author:
yogourt

2 weeks ago

149
card
It's a product card

Author:
SAURAV SINGH

9 months ago

1.2k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components