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

10k

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

2 years ago

13.9k
User product review card

Author:
Brandon D

2 years ago

14k
Testimonial that What Client Says

Author:
Abdul Baset Bappy

3 months ago

414
Testimonial wall
added light mode support

Author:
yousef

1 year ago

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

Author:
Komal Jain

1 year ago

10.3k
Testimonials

Author:
Lîmåã M

2 years ago

11.6k
Responsive Testimonial Card with stars ratings

Author:
Quentin Rivers

11 months ago

1.6k
Tailwind Flex Component: Responsive Testimonial Section UI
A clean, modern, and fully responsive Testimonial Section built using Tailwind CSS and Flexbox. Ideal for portfolios, agency websites, SaaS landing pages, or any modern UI project. This reusable component includes user images, job titles, and quotes—perfect for showcasing feedback and adding trust to your UI.

Author:
Muhammad Umair Arshad

3 months ago

464
Simple Testimonial
Responsive and supports dark mode

Author:
Orson Kincaid

11 months ago

1.5k
Testimonials
Testimonial Card for landing pages.

Author:
Prashant

3 years ago

10.8k
Tailwind testimonials section

Author:
Kofi Osei

2 years ago

12.5k
masonary grids effect for cards using columns
As part of the redesign I was trying to think of ways to lay out testimonials from students, which may have varying length/content, I stumbled onto the idea of using a masonry layout (think bricks, think Pinterest).

Author:
rohit whyphy

6 months ago

978

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components