Testimonials

A testimonial is an honest endorsement of your product or service that usually comes from a customer, colleague, or peer who has benefited from or experienced success as a result of the work you did for them.

Wind-ui, is probably one of the best libraries I've came across. Good looking, easy to use and above all super accessible.

user name
Bill GatesCEO, Microsoft

Variations

Simple Basic

Words can be like X-rays, if you use them properly—they’ll go through anything. You read and you’re pierced.

copydone

Words can be like X-rays, if you use them properly—they’ll go through anything. You read and you’re pierced.

copydone

Words can be like X-rays, if you use them properly—they’ll go through anything. You read and you’re pierced.

copydone

Words can be like X-rays, if you use them properly—they’ll go through anything. You read and you’re pierced.

copydone

Simple Card

Words can be like X-rays, if you use them properly—they’ll go through anything. You read and you’re pierced.

copydone

Words can be like X-rays, if you use them properly—they’ll go through anything. You read and you’re pierced.

copydone

Words can be like X-rays, if you use them properly—they’ll go through anything. You read and you’re pierced.

copydone

Words can be like X-rays, if you use them properly—they’ll go through anything. You read and you’re pierced.

copydone

With avatar

Words can be like X-rays, if you use them properly—they’ll go through anything. You read and you’re pierced.

user name
copydone

Words can be like X-rays, if you use them properly—they’ll go through anything. You read and you’re pierced.

user name
copydone

Words can be like X-rays, if you use them properly—they’ll go through anything. You read and you’re pierced.

user name
copydone

Words can be like X-rays, if you use them properly—they’ll go through anything. You read and you’re pierced.

user name
copydone

Blog post

Words can be like X-rays, if you use them properly—they’ll go through anything. You read and you’re pierced.

The easy way to go

By George, jun 3 2023

Experience the simple pleasures of a world with no cars, and only gentle walks through palm tree forests, and fallen coconuts. An island that’s home to extraordinary cliffs, swelling oceans, and mammoth manta rays.

copydone

Words can be like X-rays, if you use them properly—they’ll go through anything. You read and you’re pierced.

The easy way to go

By George, jun 3 2023

Experience the simple pleasures of a world with no cars, and only gentle walks through palm tree forests, and fallen coconuts. An island that’s home to extraordinary cliffs, swelling oceans, and mammoth manta rays.

copydone

With rating stars

Wind-ui, is probably one of the best libraries I've came across. Good looking, easy to use and above all super accessible.

Bill GatesCEO, Microsoft
copydone

Wind-ui, is probably one of the best libraries I've came across. Good looking, easy to use and above all super accessible.

Bill GatesCEO, Microsoft
copydone

Wind-ui, is probably one of the best libraries I've came across. Good looking, easy to use and above all super accessible.

Bill GatesCEO, Microsoft
copydone

Wind-ui, is probably one of the best libraries I've came across. Good looking, easy to use and above all super accessible.

Bill GatesCEO, Microsoft
copydone

With avatar and rating stars

Wind-ui, is probably one of the best libraries I've came across. Good looking, easy to use and above all super accessible.

user name
Bill GatesCEO, Microsoft
copydone

Wind-ui, is probably one of the best libraries I've came across. Good looking, easy to use and above all super accessible.

user name
Bill GatesCEO, Microsoft
copydone

Wind-ui, is probably one of the best libraries I've came across. Good looking, easy to use and above all super accessible.

user name
Bill GatesCEO, Microsoft
copydone

Wind-ui, is probably one of the best libraries I've came across. Good looking, easy to use and above all super accessible.

user name
Bill GatesCEO, Microsoft
copydone

Usage

Use the testimonial element to let people know what other people think of you or your product, app or webpage.

It is an essential element for content marketing as it helps to gain visitors’ trust quickly.

Specs

To implement the user testimonial the native <blockquote> block quotation HTML element is used.

A URL for the source of the quotation may be given using the cite attribute, while a text representation of the source can be given using the <cite> element.

A testimonial can include:

  • Testimonial wrapper : a <figure> HTML element.
  • User testimonial: a paragraph with the user testimonial. Size can be 1.125rem (18px) or even 1.5rem(24px).
  • User details: user name and/or profession in a <figcaption> HTML element.
  • User avatar: an optional user avatar (3rem(48pr) in width and height).

Accessibility notes

Since the testimonial UI element is built with the native <blockquote> HTML element no additional accessibility roles are required.

Check out the latest release!