Home
Bunny
Testimonials section

Testimonials section

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

Testimonial

Author Bunny

10.4k

Fork Fullscreen

<div class="p-4 m-4 bg-gray-100 rounded rounded-lg overflow-hidden md:pt-14 lg:pt-24">
    <div class="relative max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="relative">
            <blockquote class="mt-4">
                <div class="max-w-3xl mx-auto text-center text-2xl leading-9 font-medium text-gray-900 text-raleway">
                    <p>
                        “Pest is minimal, distraction-free, and a joy to use.”
                    </p>
                </div>
                <footer class="mt-8">
                    <div class="md:flex md:items-center md:justify-center">
                        <div class="md:flex-shrink-0">
                            <img alt="Taylor" loading="lazy" class="mx-auto h-10 w-10 rounded-full" src="https://pbs.twimg.com/profile_images/1609760305763975170/Tx2TVkPI_400x400.jpg">
                        </div>
                        <div class="mt-3 text-center md:mt-0 md:ml-4 md:flex md:items-center">
                            <div class="text-base leading-6 font-medium text-gray-900">
                                Taylor Otwell
                            </div>
                            <svg class="hidden md:block mx-1 h-5 w-5 text-purple-600" fill="currentColor"
                                style="color: #ff89ff" viewBox="0 0 20 20">
                                <path d="M11 0h3L9 20H6l5-20z">
                                </path>
                            </svg>
                            <div class="text-base leading-6 font-medium text-gray-500">
                                Creator of Laravel
                            </div>
                        </div>
                    </div>
                </footer>
            </blockquote>
        </div>
    </div>
</div>

Related Examples

Testimonial

Author:
Steven Kuhn

3 years ago

14.5k
Testimonial for dark theme

Author:
Sophia Baker

3 years ago

10.6k
Enhanced Student Testimonials Section
A modern, interactive testimonials section featuring glassmorphism design, floating animations, and social proof elements. Includes star ratings, course badges, user profiles with online status indicators, and a stats section. Built with Tailwind CSS and features gradient backgrounds, hover effects, and responsive design optimized for showcasing student success stories and building credibility.

Author:
Muhammad Umair Arshad

7 months ago

769
Animated Testimonial Carousel
with highligted features

Author:
Paul Intay

1 year ago

1.5k
Tailwind testimonials section

Author:
Kofi Osei

3 years ago

13k
Skyhaven International
This is a responsive, modern airport website built with Tailwind CSS (a utility-first CSS framework) and Font Awesome for icons. It includes key sections that an airport website would typically have, such as flight information, services, parking, terminal maps, and contact details

Author:
INGRIDE MUZIRANENGE

9 months ago

689
Testimonial Section with Gradient Background
The section includes a company logo at the top, a customer testimonial in the center, and the author's name and position at the bottom.

Author:
Elsabe Fourie

2 years ago

8.7k
Testimonials

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

11 months ago

1.7k
tailwind testimonial card

Author:
Ron Hicks

3 years ago

10.2k
Medlife Hospital
To provide exceptional, compassionate healthcare through innovative medicine, cutting-edge technology, and a commitment to patient-centered service

Author:
INGRIDE MUZIRANENGE

9 months ago

599
Testimonial Card with stars ratings

Author:
Quentin Rivers

1 year ago

2k
Testimonial Card with Gradient Background

Author:
Quentin Rivers

1 year ago

2k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components