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

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

Author:
Komal Jain

2 years ago

10.9k
User testimonial/review section

Author:
Sophia Baker

3 years ago

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

598
Review Cards
Multiple rounded cards with user names, comments, and star ratings.

Author:
Hyun-woo Cho

2 years ago

8.5k
Testimonial full width

Author:
Piet Vriend

3 years ago

13.3k
Testimonial Card

Author:
Sophia Baker

3 years ago

10.9k
Testimonials

Author:
Lîmåã M

2 years ago

12.1k
tailwind testimonial card

Author:
Ron Hicks

3 years ago

10.1k
Testimonials
Testimonial Card for landing pages.

Author:
Prashant

3 years ago

11.4k
Testimonial card with image

Author:
Simon Scheffer

3 years ago

12.3k
Testimonial Card with Floating Image and Star Rating
A beautifully designed testimonial card featuring a floating user image, review text, and a 5-star rating. The card uses a rounded layout with a bright yellow border, making it stand out on any page. Ideal for displaying customer feedback or product reviews with a modern look.

Author:
Anum Shahana

1 year ago

1.8k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components