Home
Sophia Baker
Testimonial for dark theme

Testimonial for dark theme

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

Testimonial

Author Sophia Baker

9.9k

Fork Fullscreen

<blockquote class="inline-block w-full p-14">
    <div class="rounded-lg bg-[#111111] p-4 w-full">
        <div class="flex items-center">
            <img alt="Kyle-katarn" src="https://res.cloudinary.com/dvcopcmsm/image/upload/v1670867989/2022/testimonial/kyle-katarn_-_Kyle_K_dkjufp.png" class="h-10 w-10 rounded-full object-cover">
            <div class="ml-4 text-sm text-[#F3EEFF]">
                <p class="font-semibold">kylekatarnls</p>
                <p> Maintainer of
                    <a href="https://carbon.nesbot.com" target="_blank" class="text-tertiary-teal">Carbon
                        PHP Library
                    </a>
                </p>
            </div>
        </div>
        <p class="mt-4 text-sm text-[#B1B7E9]">
            PHPSandbox provides a great experience for our users to test the code
            right from the documentation. And for any new feature or bug report, we can share code and see the result
            immediately. For code demo with composer dependencies, it's the best!
        </p>
    </div>
</blockquote>

Related Examples

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

1 year ago

7.9k
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

1 month ago

289
How to create a carousel with Tailwind CSS and Alpinejs
How to create a carousel with Tailwind CSS and Alpinejs

Author:
Michael Andreuzza

1 year ago

3.6k
Review cards with social proof icons

Author:
kishan pc

1 year ago

2.2k
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

467
Testimonial card

Author:
Mr Robot

3 years ago

10.7k
Animated Testimonial Carousel
with highligted features

Author:
Paul Intay

9 months ago

1k
Profile, Team or Testimonial
Profile, Team or Testimonial

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

1 year ago

3.5k
Testimonial card

Author:
Amit Pachange

2 years ago

11.3k
Testimonial section
Gradient background and a testimonial quote with a highlighted phrase. The testimonial includes an image, name, and occupation.

Author:
Carla Hoffman

1 year ago

2.2k
Testimonial full width

Author:
Piet Vriend

2 years ago

12.8k
Simple testimonial card

Author:
Laurits

2 years ago

11k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components