Skip to main content

Testimonials

14 templates in this category. Each page has the screenshots, the structure, what to change and the CSS variables.

  • Testimonials · Avatar slider — Quotes in a fade slider, driven by the avatar carousel below (click, arrows or keyboard).
  • Testimonials · Big quote — One large quote at a time with its author; arrows and segments under it change the quote.
  • Testimonials · Cards — A grid of testimonial cards: the author on top, the quote, then the date and the stars.
  • Testimonials · Case study — One large case-study card: the client's photo with their logo, a headline, a quote, three results in figures and a link to the full story.
  • Testimonials · Center focus carousel — Testimonial cards, three per view: the center one in focus, the ones beside it smaller and fainter, the far ones fading out past the edges.
  • Testimonials · Client logos — Testimonial cards with the client's logo on top, three per row; the first one is wider, with a larger quote and a result in figures.
  • Testimonials · Floating — Avatars float around a central quote card and the next person opens every few seconds; choose one to read their testimonial, or pause.
  • Testimonials · Masonry wall — A masonry wall of testimonial cards of different lengths, three columns on wide screens, one featured card in the brand color.
  • Testimonials · Photo carousel — A tall photo with the title over a dark shade and, beside it, a carousel of quotes over a brand band: the center quote in full, the ones beside it peeking in.
  • Testimonials · Rating summary — An average rating with stars and the review count beside a column of testimonial cards that moves up without end, with a pause button.
  • Testimonials · Reviews strip — The average rating with stars and the review count beside two strips of short reviews that move in opposite directions, with one pause button for both.
  • Testimonials · Scrolling columns — An intro with a button beside two columns of testimonial cards: one moves up, the other down, without end.
  • Testimonials · Vertical focus slider — A column of testimonials that moves up one quote at a time: the center one in front with an accent bar, the previous and next ones peeking behind it.
  • Testimonials · Video — A video testimonial on one side (a tall poster that opens the video in a lightbox) and two short written quotes on the other.