Home
Laurits
Simple testimonial card

Simple testimonial card

This tailwind example is contributed by Laurits, on 05-Jan-2023. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are endorsement,review

Testimonial

Author Laurits

11.8k

13

Fork Fullscreen

<div class="flex justify-center items-center lg:px-10 mt-20 px-4">
    <div class="w-full md:w-1/2 lg:w-1/3 hover:shadow-indigo-300 hover:shadow-lg rounded-lg border">
        <div class="flex justify-center items-start flex-col p-5 ">

<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none" stroke="currentColor"
                stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                class="icon icon-tabler icon-tabler-quote rotate-180 text-sky-500" viewBox="0 0 24 24">
                <path stroke="none" d="M0 0h24v24H0z"></path>
                <path
                    d="M10 11H6a1 1 0 01-1-1V7a1 1 0 011-1h3a1 1 0 011 1v6c0 2.667-1.333 4.333-4 5M19 11h-4a1 1 0 01-1-1V7a1 1 0 011-1h3a1 1 0 011 1v6c0 2.667-1.333 4.333-4 5">
                </path>
            </svg>

<div class="flex justify-center items-start flex-col text-left gap-5">
                <p class="italic text-sm md:text-base">
                    Here goes the review submitted by user,
                    Here goes the review submitted by user
                </p>
                <div>
                    <h3 class="text-xl md:text-2xl font-semibold">Jon Doe</h3>
                    <p class="text-xs md:text-sm">Founder of XYZ</p>
                </div>
            </div>

</div>
        <div class="bg-sky-500 p-0.5 rounded-b-lg"></div>
    </div>
</div>

Related Examples

Testimonial

Author:
Steven Kuhn

3 years ago

14.5k
User review cards
Resposive testemonial cards

Author:
Erik Hyatt

2 years ago

15.2k
Testimonial full width

Author:
Piet Vriend

3 years ago

13.3k
Testimonial cards
each card contains a customer quote, an image of the customer, and their name.

Author:
Komal Jain

2 years ago

10.9k
interactive testimonial with Tailwind CSS and Alpine.js

Author:
Michael Andreuzza

1 year ago

2.5k
User testimonial/review section

Author:
Sophia Baker

3 years ago

15.4k
Testimonials
Testimonial Card for landing pages.

Author:
Prashant

3 years ago

11.4k
Testimonial examples in Tailwind CSS
Here are some testimonial section examples using Tailwind CSS:

Author:
zobaidul kaziex

1 year ago

1.5k
Twitter testimonial card

Author:
wtfbrh

1 year ago

1.8k
Testimonial card

Author:
Mr Robot

3 years ago

11.2k
Tailwind testimonials section

Author:
Kofi Osei

3 years ago

13k
Testimonial wall

Author:
yousef

1 year ago

3.7k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components

TailwindFlex.com

Tailwindflex.com is a free Tailwind CSS examples library. It's a one-stop destination for ready-made Tailwind CSS components and templates.

Contact

Email: admin@tailwindflex.com

Resources

Tailwind CSS Gradient Generator Free Bootstrap CSS Components Free CSS Components

© 2026 TailwindFlex. All Rights Reserved.

v1.12