Home
Anja Müller
Testimonial Card

Testimonial Card

This tailwind example is contributed by Anja Müller, on 01-Oct-2023. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are endorsement,review

Testimonial

Author Anja Müller

6.8k

Fork Fullscreen

<div class="space-y-4 max-w-md mx-auto">
  <svg xmlns="http://www.w3.org/2000/svg" class="w-8 fill-teal-500" viewBox="0 0 35 30" fill="none">
    <path
      d="M22.3838 27.6777C23.5264 28.9961 25.3721 29.6992 27.4814 29.6992C31.6123 29.6992 34.249 26.9746 34.249 22.7559C34.249 18.625 31.5244 15.6367 27.6572 15.6367C26.8662 15.6367 25.9873 15.8125 25.1084 16.0762C24.5811 9.48438 27.833 4.03516 32.2275 2.36523L31.7881 0.871094C24.2295 3.77148 19.4834 11.1543 19.4834 19.8555C19.4834 22.668 20.5381 25.7441 22.3838 27.6777ZM0.499023 19.8555C0.499023 24.6895 3.22363 29.6992 8.49707 29.6992C12.54 29.6992 15.1768 26.9746 15.1768 22.7559C15.1768 18.625 12.4521 15.6367 8.67285 15.6367C7.88184 15.6367 7.00293 15.8125 6.12402 16.0762C5.59668 9.48438 8.84863 4.03516 13.2432 2.36523L12.7158 0.871094C5.24512 3.77148 0.499023 11.1543 0.499023 19.8555Z">
    </path>
  </svg>
  <p class="md:text-lg leading-relaxed">It's incredibly easy to integrate into our applications, and it has saved us countless hours of development time.</p>
  <div class="flex items-center gap-2"><img alt="Yifan testimonial for ShipFast" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="w-10 h-10 rounded-full object-cover" src="https://images.unsplash.com/photo-1566492031773-4f4e44671857?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NzEyNjZ8MHwxfHNlYXJjaHwxMnx8bWFufGVufDB8MXx8fDE2OTYxNzE4MzN8MA&ixlib=rb-4.0.3&q=80&w=1080">
    <p>Yifan, <span class="font-bold">John Doe</span></p>
  </div>
</div>

Related Examples

User testimonials

Author:
Conan Hilton

3 years ago

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

Author:
Komal Jain

1 year ago

10.4k
User testimonial/review section

Author:
Sophia Baker

2 years ago

14.9k
Testimonial card

Author:
Amit Pachange

2 years ago

11.6k
Testimonial slide gradient

Author:
Freja Jensen

2 years ago

10.3k
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.1k
Testimonial examples in Tailwind CSS
Here are some testimonial section examples using Tailwind CSS:

Author:
zobaidul kaziex

1 year ago

1.4k
Customer testimonial card
Responsive user testimonial card with image

Author:
Arya

3 years ago

11.8k
Testimonial wall
added light mode support

Author:
yousef

1 year ago

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

5 months ago

422
Testimonial Card

Author:
Anonymous

10 months ago

870
Testimonial - Htmlwind
Single centered testimonial

Author:
Htmlwind

5 months ago

692

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components