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

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 cards
each card contains a customer quote, an image of the customer, and their name.

Author:
Komal Jain

2 years ago

10.8k
User review cards
Resposive testemonial cards

Author:
Erik Hyatt

2 years ago

15.1k
Simple testimonial

Author:
Samuel Dawson

3 years ago

11.5k
Testimonial - Htmlwind
Single centered testimonial

Author:
Htmlwind

7 months ago

976
Testimonial card

Author:
Leon Bachmann

3 years ago

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

5 months ago

551
Tailwind Card Components
A collection of 20+ copy-paste ready card components built with pure HTML and Tailwind CSS. Includes product cards, profile cards, article cards, pricing cards, testimonials, and notifications.

Author:
Ijila Itunu

4 months ago

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

Author:
Abdul Jabbar Al Nahid

6 months ago

565
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

8 months ago

910
Simple testimonial card

Author:
Laurits

3 years ago

11.6k
Tailwind testimonials section

Author:
Kofi Osei

2 years ago

12.8k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components