Home
Quentin Rivers
Testimonial Card with stars ratings

Testimonial Card with stars ratings

This tailwind example is contributed by Quentin Rivers, on 05-Oct-2024. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode. similar terms for this example are endorsement,review

Testimonial

Author Quentin Rivers

1.7k

Fork Fullscreen

<div
  class="max-w-md w-full bg-gradient-to-br from-purple-600 to-blue-500 rounded-2xl shadow-2xl overflow-hidden transform hover:scale-105 transition-transform duration-300">
  <div class="p-6 sm:p-8">
    <div class="flex justify-between items-center mb-4">
      <div class="flex items-center space-x-2">
        <svg class="w-5 h-5 text-yellow-400 fill-current" xmlns="http://www.w3.org/2000/svg" fill="currentColor"
          viewBox="0 0 20 20">
          <path d="M10 15.27L16.18 20l-1.64-7.03L20 8.24l-7.19-.61L10 1 7.19 7.63 0 8.24l5.46 4.73L3.82 20z" />
        </svg>
        <svg class="w-5 h-5 text-yellow-400 fill-current" xmlns="http://www.w3.org/2000/svg" fill="currentColor"
          viewBox="0 0 20 20">
          <path d="M10 15.27L16.18 20l-1.64-7.03L20 8.24l-7.19-.61L10 1 7.19 7.63 0 8.24l5.46 4.73L3.82 20z" />
        </svg>
        <svg class="w-5 h-5 text-yellow-400 fill-current" xmlns="http://www.w3.org/2000/svg" fill="currentColor"
          viewBox="0 0 20 20">
          <path d="M10 15.27L16.18 20l-1.64-7.03L20 8.24l-7.19-.61L10 1 7.19 7.63 0 8.24l5.46 4.73L3.82 20z" />
        </svg>
        <svg class="w-5 h-5 text-yellow-400 fill-current" xmlns="http://www.w3.org/2000/svg" fill="currentColor"
          viewBox="0 0 20 20">
          <path d="M10 15.27L16.18 20l-1.64-7.03L20 8.24l-7.19-.61L10 1 7.19 7.63 0 8.24l5.46 4.73L3.82 20z" />
        </svg>
        <svg class="w-5 h-5 text-yellow-400 fill-current" xmlns="http://www.w3.org/2000/svg" fill="currentColor"
          viewBox="0 0 20 20">
          <path d="M10 15.27L16.18 20l-1.64-7.03L20 8.24l-7.19-.61L10 1 7.19 7.63 0 8.24l5.46 4.73L3.82 20z" />
        </svg>
      </div>
      <span class="text-white text-sm font-semibold">Verified Customer</span>
    </div>
    <blockquote class="text-white text-xl font-medium mb-6">
      "This product exceeded all my expectations. It's intuitive, powerful, and has dramatically improved my
      workflow. I can't imagine working without it now!"
    </blockquote>
    <div class="flex items-center space-x-4">
      <img src="https://randomuser.me/api/portraits/women/91.jpg" alt="User avatar" class="w-12 h-12 rounded-full border-2 border-white" />
      <div>
        <p class="text-white font-semibold">Sarah Johnson</p>
        <p class="text-blue-200 text-sm">UX Designer</p>
      </div>
    </div>
  </div>
</div>

Related Examples

Premium Testimonial Carousel
It is a premium Testimonial Carousel

Author:
ishimwe shadad

7 months ago

1.5k
User Review Card
With the like/dislike button, start raking and share button

Author:
Akshay

3 years ago

12.5k
Tailwind CSS Testimonial Slider
Descriptive background image with Testimonial Slider .

Author:
Bernard Omuse

1 year ago

2.6k
User testimonials

Author:
Conan Hilton

3 years ago

12.9k
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.5k
Testimonials

Author:
Lîmåã M

2 years ago

12k
Modern page
hero page by salvator

Author:
Baraka Salvator

7 months ago

1.2k
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.5k
Testimonial card

Author:
Mr Robot

3 years ago

11.1k
Testimonials

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

9 months ago

1.6k
Testimonial Card

Author:
Anonymous

1 year ago

961
Testimonial wall

Author:
yousef

1 year ago

3.6k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components