Home
Bunny
Testimonials section

Testimonials section

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

Testimonial

Author Bunny

9.4k

Fork Fullscreen

<div class="p-4 m-4 bg-gray-100 rounded rounded-lg overflow-hidden md:pt-14 lg:pt-24">
    <div class="relative max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="relative">
            <blockquote class="mt-4">
                <div class="max-w-3xl mx-auto text-center text-2xl leading-9 font-medium text-gray-900 text-raleway">
                    <p>
                        “Pest is minimal, distraction-free, and a joy to use.”
                    </p>
                </div>
                <footer class="mt-8">
                    <div class="md:flex md:items-center md:justify-center">
                        <div class="md:flex-shrink-0">
                            <img alt="Taylor" loading="lazy" class="mx-auto h-10 w-10 rounded-full" src="https://pbs.twimg.com/profile_images/1609760305763975170/Tx2TVkPI_400x400.jpg">
                        </div>
                        <div class="mt-3 text-center md:mt-0 md:ml-4 md:flex md:items-center">
                            <div class="text-base leading-6 font-medium text-gray-900">
                                Taylor Otwell
                            </div>
                            <svg class="hidden md:block mx-1 h-5 w-5 text-purple-600" fill="currentColor"
                                style="color: #ff89ff" viewBox="0 0 20 20">
                                <path d="M11 0h3L9 20H6l5-20z">
                                </path>
                            </svg>
                            <div class="text-base leading-6 font-medium text-gray-500">
                                Creator of Laravel
                            </div>
                        </div>
                    </div>
                </footer>
            </blockquote>
        </div>
    </div>
</div>

Related Examples

Testimonial

Author:
Steven Kuhn

2 years ago

13.6k
Twitter testimonial card

Author:
Nishant Trivedi

1 year ago

8k
interactive testimonial with Tailwind CSS and Alpine.js

Author:
Michael Andreuzza

1 year ago

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

8 months ago

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

Author:
Coastal UI

3 months ago

589
Twitter Testimonials Showcase with Tailwind CSS

Author:
EliteAI Tools

3 months ago

471
tailwind testimonial card

Author:
Ron Hicks

2 years ago

9.5k
Tailwind testimonials section

Author:
Kofi Osei

2 years ago

12.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

9 months ago

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

Author:
INGRIDE MUZIRANENGE

3 weeks ago

46
Review Cards
Multiple rounded cards with user names, comments, and star ratings.

Author:
Hyun-woo Cho

1 year ago

7.4k
Testimonial Card with Gradient Background

Author:
Quentin Rivers

8 months ago

1.2k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components