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 v3.4. It is responsive. It supports dark mode. similar terms for this example are Author box, User information

Card Profile

Author Abhijit Sen

Tailwind v3.4 11.2k 16

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:

Prashant

4 years ago

65.5k
Author box

Mr Robot

3 years ago

12.5k
User profile card with Cover Image

Noob

3 years ago

33.8k
Minimal Profile card

Abhijit Sen

3 years ago

12.3k
Profile Card
Show more details on hover

Tamani Phiri

3 years ago

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

R.P Ketan

3 years ago

28.1k
Responsive user card with tailwind

Gopi Yadav

3 years ago

11.9k
User Profile Card
Full-page Profile card

Prashant

4 years ago

20.1k
Profile card
Profile card with social icons

Krishna Gudpalle

4 years ago

13.7k
Profile card

Mr Robot

3 years ago

13.4k
User profile card

Mr Robot

3 years ago

12k
Testimonial card with image

Simon Scheffer

3 years ago

12.8k