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

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

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

Author:
Komal Jain

2 years ago

11k
User testimonial/review section

Author:
Sophia Baker

3 years ago

15.4k
User review cards
Resposive testemonial cards

Author:
Erik Hyatt

2 years ago

15.2k
Testimonial Card with stars ratings

Author:
Quentin Rivers

1 year ago

2k
Designing a Responsive Activity Feed with Tailwind CSS
Enhance your web application by building a sleek and responsive activity feed using Tailwind CSS. This comprehensive guide walks you through creating an interactive feed section featuring customizable icons, links, and timestamps. Learn how to implement a visually appealing and accessible timeline that adapts seamlessly to any device, improving user engagement and overall experience

Author:
zobaidul kaziex

1 year ago

2.7k
The future ai
The is technology

Author:
ORGIN_DREAMS

10 months ago

895
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

9 months ago

1.1k
Testimonials

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

11 months ago

1.8k
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
Customer testimonial card
Responsive user testimonial card with image

Author:
Arya

3 years ago

12.2k
Landing page

Author:
Maxim

1 year ago

2k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components