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.3k

10

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

2 years ago

14k
User review cards
Resposive testemonial cards

Author:
Erik Hyatt

2 years ago

14.9k
Testimonial full width

Author:
Piet Vriend

2 years ago

12.8k
Simple Testimonial
Responsive and supports dark mode

Author:
Orson Kincaid

1 year ago

2k
Testimonial - Htmlwind
Single centered testimonial

Author:
Htmlwind

5 months ago

689
Tailwind Card Components
A collection of 20+ copy-paste ready card components built with pure HTML and Tailwind CSS. Includes product cards, profile cards, article cards, pricing cards, testimonials, and notifications.

Author:
Ijila Itunu

1 month ago

184
Minimal Testimonial Card

Author:
Amit Pachange

2 years ago

8.8k
Testimonial card with image

Author:
Simon Scheffer

2 years ago

11.9k
Customer testimonies grid

Author:
Sameer Sultana

2 years ago

20k
Testimonial Card with Gradient Background

Author:
Quentin Rivers

1 year ago

1.7k
Review Cards
Multiple rounded cards with user names, comments, and star ratings.

Author:
Hyun-woo Cho

2 years ago

8k
Testimonials

$$@(\/)(\/)¥$ Author:
$@(\/)(\/)¥

10 months ago

1.2k

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

© 2025 TailwindFlex. All Rights Reserved.

v1.12