Simple testimonial card

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

Testimonial

Author Laurits

Tailwind v3.4 12.1k 17

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

Steven Kuhn

3 years ago

15.3k
User review cards
Resposive testemonial cards

Erik Hyatt

3 years ago

15.9k
Testimonial full width

Piet Vriend

3 years ago

13.9k
Simple testimonial

Samuel Dawson

3 years ago

12.4k
User testimonial/review section

Sophia Baker

3 years ago

16.5k
Review cards with social proof icons

kishan pc

2 years ago

2.4k
Modern page
hero page by salvator

Baraka Salvator

1 year ago

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

zobaidul kaziex

2 years ago

1.8k
Testimonial

Leon Bachmann

4 years ago

10.4k
The future ai
The is technology

ORGIN_DREAMS

1 year ago

1.5k
interactive testimonial with Tailwind CSS and Alpine.js

Michael Andreuzza

2 years ago

2.9k
Simple Testimonial
Responsive and supports dark mode

Orson Kincaid

2 years ago

3k

Browse by topic

Explore components by Tags

Jump straight to the UI pattern you need.

Footer Header Card Article Avatar FAQ Banner Blog Breadcrumb Button Call to Action Form Carousel Contact us Error page Feature Gallery Hero Input Spinner Login Modal Pagination Pricing Profile

Can't find it?

Didn't find the component you were looking for?

Search across 3,000+ community-built components and grab the code in seconds.