Home
Abhijit Sen
User Profile Card

User Profile Card

Useful for testimonials and reviews section

This tailwind example is contributed by Abhijit Sen, on 13-Jan-2023. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode. similar terms for this example are Author box, User information

Card Profile

Author Abhijit Sen

9.6k

Fork Fullscreen

<div class="text-sm leading-6">
    <figure class="relative flex flex-col-reverse bg-slate-100 rounded-lg p-6 dark:bg-slate-800 dark:highlight-white/5">
        <blockquote class="mt-6 text-slate-700 dark:text-slate-300">
            <p>I may not show it but i cant live without {product}.</p>
        </blockquote>
        <figcaption class="flex items-center space-x-4">
            <img src="https://images.unsplash.com/photo-1632910121591-29e2484c0259?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NzEyNjZ8MHwxfHNlYXJjaHw4fHxjb2RlcnxlbnwwfDB8fHwxNzEwMTY0NjIzfDA&ixlib=rb-4.0.3&q=80&w=1080" alt="" class="flex-none w-14 h-14 rounded-full object-cover" loading="lazy" decoding="async">
            <div class="flex-auto">
                <div class="text-base text-slate-900 font-semibold dark:text-slate-200">
                    John Doe
                </div>
                <div class="mt-0.5 dark:text-slate-300">
                    Web Developer
                </div>
            </div>
        </figcaption>
    </figure>
</div>

Related Examples

User Profile Card
The card features a user's profile picture, name, location, and options for interactions. It has a clean and modern design with rounded edges and icons for user engagement. It also has support for dark mod:

Author:
Prashant

2 years ago

57.1k
User profile card with Cover Image

Author:
Noob

2 years ago

24.9k
Author box

Author:
Mr Robot

2 years ago

10.6k
Minimal Profile card

Author:
Abhijit Sen

2 years ago

9.9k
Profile Card
Show more details on hover

Author:
Tamani Phiri

1 year ago

12.1k
Basic Resume template
simple and clean layout that provides a professional look.

Author:
R.P Ketan

1 year ago

23.7k
Responsive user card with tailwind

Author:
Gopi Yadav

1 year ago

10.1k
User Profile Card
Full-page Profile card

Author:
Prashant

2 years ago

16.1k
Card-Product
Product card for vertical windows, if you need a more complete version to show more information, you have other options in my profile

Author:
Ameth Galarcio

5 months ago

1.3k
Beautiful Info card
Info card with info type section on the corner.

Author:
TailwindFlex

2 years ago

8.9k
Modern CV Template - Stylish HTML and Tailwind CSS Design for Professionals
Download this modern CV template crafted with HTML and Tailwind CSS. Featuring a clean, stylish design and easy customization, this CV template is perfect for professionals looking to make a strong impression. Showcase your skills, experience, and education with a visually appealing and responsive layout.

Author:
Hezron Okoko

4 months ago

1.3k
beautifull project Item

Author:
Akram Khan

6 months ago

1.5k

Explore components by Tags

Didn't find component you were looking for?

Search from 1900+ components