Simple Testimonial

Responsive and supports dark mode

This tailwind example is contributed by Orson Kincaid, on 03-Oct-2024. Component is made with Tailwind v3.4. It is responsive. It supports dark mode. similar terms for this example are endorsement,review

Testimonial

Author Orson Kincaid

Tailwind v3.4 3k 6

Fork Fullscreen

<div class="h-screen dark:bg-gray-800">
  <section class="py-20 px-4">
    <div class="container mx-auto">
      <h2 class="text-3xl font-bold text-center dark:text-white mb-12">What Our Customers Say</h2>
      <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
        <div class="bg-white dark:bg-gray-700 p-6 rounded-lg shadow-md">
          <p class="mb-4 text-gray-800 dark:text-gray-300">"EcoTech has transformed the way we live. Our energy bills
            have dropped significantly, and we feel good about reducing our environmental impact."</p>
          <p class="font-semibold text-gray-800 dark:text-gray-300">- Sarah J., Homeowner</p>
        </div>
        <div class="bg-white dark:bg-gray-700 p-6 rounded-lg shadow-md">
          <p class="mb-4 text-gray-800 dark:text-gray-300">"The water conservation system is a game-changer. It's
            amazing how much water we save without even thinking about it."</p>
          <p class="font-semibold text-gray-800 dark:text-gray-300">- Michael T., Apartment Dweller</p>
        </div>
      </div>
    </div>
  </section>

</div>

Related Examples

Testimonials

$$@(\/)(\/)¥$ $@(\/)(\/)¥

1 year ago

2.3k
Testimonial for dark theme

Sophia Baker

3 years ago

10.9k
Review cards with social proof icons

kishan pc

2 years ago

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

Muhammad Umair Arshad

1 year ago

1.4k
Testimonial Card

Anja Müller

3 years ago

7.3k
Testimonial card

Mr Robot

4 years ago

11.9k
Testimonials section

Bunny

3 years ago

10.7k
Testimonial Card

Sophia Baker

3 years ago

11.5k
How to create a carousel with Tailwind CSS and Alpinejs
How to create a carousel with Tailwind CSS and Alpinejs

Michael Andreuzza

2 years ago

4.3k
tailwind testimonial card

Ron Hicks

3 years ago

10.6k
User testimonial/review section

Sophia Baker

3 years ago

16.5k
Animated Testimonial Carousel
with highligted features

Paul Intay

1 year ago

2.1k