Category

Sort by:

Tailwind CSS Testimonials Section

Pagedone provides a wide range of testimonial section designs to showcase customer reviews of your product or service.

image

Client review two column card

This example can be used to show client review two column card with user's name, images, review details and star review.

image

Vertical card slider

This tailwind testimonial slider example shows vertical card as a navigation of slider next to main customer review.

image

Single Testimonial slider

Following example shows single customer review with their image at a time and you can navigate between slider by clicking on user images.

image

Simple testimonial cards

Use this Tailwind testimonial cards which shows image on top and review description, star reviews, user names on bottom of the card.

image

highlighted testimonial card slider

This tailwind tesimonial section can be used to highlight active testimonial card to grab attention inside slider.

image

Two column testimonial card

Following testimonial section can be used to show testimonial cards with review details in a two grid column cards.

image

Two vertical testimonial sliders

This example can be used to show two modern vertical slider crosses each other with dark version.

image

Testimonial dark card with review

Use following example to show testimonial dark card with user's review details, images and star reviews.

image

Basic testimonial cards

This example can be used to show basic testimonial cards with user's name, images and review details.

image

Testimonial Grid cards

Use following example to show two column tesimonial cards with customer's image, name, review details and social icons.

image

Tailwind css customer review slider

This example can be used to show customer review slider with user's name, review details and images.

image

Testimonial slider as a tab

Use this example to show testimonial slider as a tab content with user's name, description and images.

image

Vertical testimonial cards

This tailwind testimonial example can be used to show vertical testimonial cards next to main heading and description.

image

Center mode slider with dark version

Use following tailwind css slider to show custom review inside dark cards with their star reviews, names and description.

image

Alternate tailwind tesimonial cards

This example can be used if you want to alternate an testimonial cards next to each other and improve the visual attractiveness of the page.

image

Tailwind testimonial card with gradient border

Use following example to show main testimonial card with heading, description and social icons with gradient color border.

image

Customer review with product image

This tailwind testimonial example can be used to show customer review with product image and description.

image

Client testimonial partial slider

Use this tailwind tesimonial slider example to show client's testimonial cards with their name, description and social icons.

image

User experience testimonial with image

This example can be used to show user's unique experience inside dark card and cover image as a background.

image

Video cover testimonials

Use this example to show video experience as a testimonial with user's name and description.

image

Tailwind testimonial carousel with top thumbnail images

This example can be used to show small thumbnail images as a part of carousel to navigate between slides.

image

Side by side testimonial cards

Use this example to show testimonial cards with user's name, description and images on the side by side cards.

image

Testimonial card with translated images

Use following tailwind css testimonial example to show testimonial cards with names, description and images translated on the top.

image

Testimonial multicolor cards

Use this example to add tailwind tesimonial card with different colors and user's experience with there images, names and ratings.

Tailwind Code Copied to Clipboard!

Tailwind Code is ready to be pasted (Ctrl+V) into your project.

Uh-oh, Something’s gone wrong!

Don’t let this bug you Contact Us and we’ll squash it together!