<section class="relative pt-24 pb-32 bg-white overflow-hidden">
<img class="absolute top-0 left-0" src="flaro-assets/images/testimonials/gradient.svg" alt="">
<img class="absolute bottom-0 right-0" src="flaro-assets/images/testimonials/gradient2.svg" alt="">
<div class="relative z-10 container px-4 mx-auto">
<h2 class="mb-16 text-6xl md:text-7xl font-bold font-heading text-center tracking-px-n leading-tight">Don't just take our word for it</h2>
<div class="flex flex-wrap -m-3">
<div class="w-full md:w-1/2 lg:w-1/3 p-3">
<div class="p-6 h-full bg-white bg-opacity-60 border rounded-4xl">
<div class="flex flex-col justify-between h-full">
<div class="mb-5 block">
<div class="flex flex-wrap mb-4 -m-2">
<div class="w-auto p-2">
<img src="flaro-assets/images/testimonials/avatar.png" alt="">
</div>
<div class="w-auto p-2">
<h3 class="font-semibold leading-normal">Jacob Jones</h3>
<p class="text-gray-500 uppercase">@brooklysim</p>
</div>
</div>
<p class="text-lg font-medium">If you haven’t tried out Flaro App yet, I would definitely recommend it for both designers and developers 🤙🏻</p>
</div>
<div class="block">
<p class="text-sm text-gray-500 font-medium">3 days ago</p>
</div>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/3 p-3">
<div class="p-6 h-full bg-white bg-opacity-60 border rounded-4xl">
<div class="flex flex-col justify-between h-full">
<div class="mb-5 block">
<div class="flex flex-wrap mb-4 -m-2">
<div class="w-auto p-2">
<img src="flaro-assets/images/testimonials/avatar2.png" alt="">
</div>
<div class="w-auto p-2">
<h3 class="font-semibold leading-normal">Wade Warren</h3>
<p class="text-gray-500 uppercase">@brooklysim</p>
</div>
</div>
<p class="text-lg font-medium">If you are thinking of a design partner to help you convert more customers, Flaro is a great choice.</p>
</div>
<div class="block">
<p class="text-sm text-gray-500 font-medium">3 days ago</p>
</div>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/3 p-3">
<div class="p-6 h-full bg-white bg-opacity-60 border rounded-4xl">
<div class="flex flex-col justify-between h-full">
<div class="mb-5 block">
<div class="flex flex-wrap mb-4 -m-2">
<div class="w-auto p-2">
<img src="flaro-assets/images/testimonials/avatar3.png" alt="">
</div>
<div class="w-auto p-2">
<h3 class="font-semibold leading-normal">Bessie Cooper</h3>
<p class="text-gray-500 uppercase">@brooklysim</p>
</div>
</div>
<p class="text-lg font-medium">We have built a few web apps using Flaro. It saves us a lot of time, because we don't have to build design features from scratch.</p>
</div>
<div class="block">
<p class="text-sm text-gray-500 font-medium">3 days ago</p>
</div>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/3 p-3">
<div class="p-6 h-full bg-white bg-opacity-60 border rounded-4xl">
<div class="flex flex-col justify-between h-full">
<div class="mb-5 block">
<div class="flex flex-wrap mb-4 -m-2">
<div class="w-auto p-2">
<img src="flaro-assets/images/testimonials/avatar4.png" alt="">
</div>
<div class="w-auto p-2">
<h3 class="font-semibold leading-normal">Esther Howard</h3>
<p class="text-gray-500 uppercase">@brooklysim</p>
</div>
</div>
<p class="text-lg font-medium">Wrike is great to make work visible and collaborative. People can pass tasks off as they complete their parts, allowing you to see the flow of work.</p>
</div>
<div class="block">
<p class="text-sm text-gray-500 font-medium">3 days ago</p>
</div>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/3 p-3">
<div class="p-6 h-full bg-white bg-opacity-60 border rounded-4xl">
<div class="flex flex-col justify-between h-full">
<div class="mb-5 block">
<div class="flex flex-wrap mb-4 -m-2">
<div class="w-auto p-2">
<img src="flaro-assets/images/testimonials/avatar5.png" alt="">
</div>
<div class="w-auto p-2">
<h3 class="font-semibold leading-normal">Albert Flores</h3>
<p class="text-gray-500 uppercase">@brooklysim</p>
</div>
</div>
<p class="text-lg font-medium">Ease of use and efficiency of design tools. The ability for the integrated marketing team to see all aspects of a project.</p>
</div>
<div class="block">
<p class="text-sm text-gray-500 font-medium">3 days ago</p>
</div>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/3 p-3">
<div class="p-6 h-full bg-white bg-opacity-60 border rounded-4xl">
<div class="flex flex-col justify-between h-full">
<div class="mb-5 block">
<div class="flex flex-wrap mb-4 -m-2">
<div class="w-auto p-2">
<img src="flaro-assets/images/testimonials/avatar6.png" alt="">
</div>
<div class="w-auto p-2">
<h3 class="font-semibold leading-normal">Jerome Bell</h3>
<p class="text-gray-500 uppercase">@brooklysim</p>
</div>
</div>
<p class="text-lg font-medium">Very very easy for customer information to get secured if all orders are on one device.</p>
</div>
<div class="block">
<p class="text-sm text-gray-500 font-medium">3 days ago</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>Framework
Tailwind CSS
UI Library
All Libraries
Components
- Alert 101
- Application 108
- Banners 73
- Benefits 16
- Blog 132
- Breadcrumbs 24
- Call to action 199
- Cards 29
- Careers 32
- Confirmation 6
- Contact 106
- Content 85
- Cookies 97
- Dashboards 13
- Download 5
- E-commerce (orders) 35
- E-commerce (products) 76
- FAQ 95
- Features 227
- Footers 145
- Forms 9
- Graphs 38
- HTTP codes 107
- Hero section 164
- How it works 129
- Instagram photos 5
- Integrations 5
- Logo clouds 179
- Modals 29
- Navbar 209
- Navigation (horizontal) 215
- Navigation (vertical) 7
- Newsletter 129
- Notifications 7
- Paginations 12
- Portfolio 93
- Pricing 128
- Product info 5
- Projects 6
- Reviews 32
- Rich text 3
- Sign in / Sign up 181
- Snackbars 10
- Stats 153
- Tables 75
- Team 117
- Testimonials 144
- Users 17
Component #1
Component #2
Component #3
Component #4
Component #5
Component #6
Component #7
Component #8
Component #9
Component #10
Tailwind components testimonials showcase customer reviews of your product or service. Nothing says so much about them as feedback from other people. This type of message is more credible than marketing slogans. Add to it the image of the users and the possibility of confirming their reality. In this way, you will increase the chances of conversion from wary customers.
On this subpage, you can browse a variety of Tailwind testimonials component themes that are available within our UI libraries. You will also find many other types of components that will be in the same style. Each of these libraries has been prepared by experienced designers along with our in-house team of developers.
Get access to all Tailwind testimonials components, code and our editor. Test the editor demo for free.
