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

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

Tailwind CSS Testimonial Slider
Descriptive background image with Testimonial Slider .

Author:
Bernard Omuse

1 year ago

2k
Testimonial card with image

Author:
Simon Scheffer

2 years ago

11.8k
Modern Testimonial
A simple and easy to use component for reviews and testimonials.

Author:
Coastal UI

6 months ago

900
Testimonial Card

Author:
Anja Müller

1 year ago

6.7k
Skyhaven International
This is a responsive, modern airport website built with Tailwind CSS (a utility-first CSS framework) and Font Awesome for icons. It includes key sections that an airport website would typically have, such as flight information, services, parking, terminal maps, and contact details

Author:
INGRIDE MUZIRANENGE

3 months ago

270
Twitter Testimonials Showcase with Tailwind CSS

Author:
EliteAI Tools

5 months ago

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

Author:
Komal Jain

1 year ago

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

Author:
Abdul Jabbar Al Nahid

1 month ago

181
Testimonial examples in Tailwind CSS
Here are some testimonial section examples using Tailwind CSS:

Author:
zobaidul kaziex

10 months ago

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

10 months ago

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

1.9k
basichtml
this is basic html

Author:
Anonymous

2 months ago

123

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components