Home
Sophia Baker
Testimonial Card

Testimonial Card

This tailwind example is contributed by Sophia Baker, on 20-Jan-2023. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are endorsement,review

Testimonial

Author Sophia Baker

10.6k

Fork Fullscreen

<div class="p-6">
    <blockquote class="p-6 bg-gray-100 rounded-lg">
        <p class="text-xl md:text-2xl">
            A beautifully crafted package of components for TailwindCSS.
            <b class="px-2 font-semibold rounded-lg bg-gradient-to-tr from-cyan-100 to-cyan-50 text-cyan-900">A big win</b>
            if you
            want to build your application fast and
            <b class="px-2 font-semibold rounded-lg bg-gradient-to-tr from-cyan-100 to-cyan-50 text-cyan-900">good-looking!</b>
        </p>
        <a class="inline-flex items-center mt-6 space-x-3" href="#" rel="noopener" target="_blank">
            <img loading="lazy" class="object-cover w-10 h-10 bg-gray-100 rounded-full shadow-inner ring-1 ring-gray-200" src="https://picsum.photos/200" >
            <div class="leading-none">
                <p class="text-lg font-semibold tracking-tight font-brand">John Doe</p>
                <p class="font-medium text-gray-500">Founder of xyz</p>
            </div>
        </a>
    </blockquote>
</div>

Related Examples

Testimonial that What Client Says

Author:
Abdul Baset Bappy

4 months ago

472
Testimonial Section
A responsive, SEO-friendly testimonial section for Ab Nahid Agency clients

Author:
Abdul Jabbar Al Nahid

3 months ago

284
The future ai
The is technology

Author:
ORGIN_DREAMS

5 months ago

546
Testimonial - Htmlwind
Single centered testimonial

Author:
Htmlwind

5 months ago

689
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.3k
Testimonial Card with Gradient Background

Author:
Quentin Rivers

1 year ago

1.7k
Medlife Hospital
To provide exceptional, compassionate healthcare through innovative medicine, cutting-edge technology, and a commitment to patient-centered service

Author:
INGRIDE MUZIRANENGE

5 months ago

345
Simple testimonial card

Author:
Laurits

2 years ago

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

5 months ago

705
Twitter testimonial card

Author:
wtfbrh

1 year ago

1.6k
Customer testimonies grid

Author:
Sameer Sultana

2 years ago

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

Author:
Muhammad Umair Arshad

2 months ago

385

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components