Home
Kofi Osei
Tailwind testimonials section

Tailwind testimonials section

This tailwind example is contributed by Kofi Osei, on 07-Feb-2023. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are endorsement,review

Testimonial

Author Kofi Osei

12.5k

Fork Fullscreen

<section class="bg-gray-900 text-white py-16">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <h2 class="text-4xl font-bold mb-8">What our users are saying</h2>
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
            <div class="bg-white shadow rounded-lg p-8">
                <p class="text-gray-700 mb-4">"This app has been a game changer for me! I highly recommend it to anyone
                    looking to streamline their workflow."</p>
                <p class="text-gray-700 font-medium">- John Doe, CEO</p>
            </div>
            <div class="bg-white shadow rounded-lg p-8">
                <p class="text-gray-700 mb-4">"I've tried a lot of different apps, but this one really stands out. It's
                    so easy to use, and the features are exactly what I need."</p>
                <p class="text-gray-700 font-medium">- Jane Smith, Designer</p>
            </div>
            <div class="bg-white shadow rounded-lg p-8">
                <p class="text-gray-700 mb-4">"I love how customizable this app is. I can really make it work for me, no
                    matter what project I'm working on."</p>
                <p class="text-gray-700 font-medium">- Bob Johnson, Developer</p>
            </div>
        </div>
    </div>
</section>

Related Examples

Testimonial

Author:
Steven Kuhn

2 years ago

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

Author:
Hyun-woo Cho

2 years ago

8.1k
Testimonial slide gradient

Author:
Freja Jensen

2 years ago

10.4k
Testimonials
Testimonial Card for landing pages.

Author:
Prashant

3 years ago

11.1k
Testimonial card

Author:
Mr Robot

3 years ago

10.9k
Minimal Testimonial Card

Author:
Amit Pachange

2 years ago

8.9k
masonary grids effect for cards using columns
As part of the redesign I was trying to think of ways to lay out testimonials from students, which may have varying length/content, I stumbled onto the idea of using a masonry layout (think bricks, think Pinterest).

Author:
rohit whyphy

8 months ago

1.2k
Animated Testimonial Carousel
with highligted features

Author:
Paul Intay

11 months ago

1.1k
basichtml
this is basic html

Author:
Anonymous

4 months ago

381
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

1 year ago

1.3k
Testimonial card

Author:
Amit Pachange

2 years ago

11.6k
Customer testimonies grid

Author:
Sameer Sultana

2 years ago

20k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components