Three testimonial cards
Three quote cards with avatar, name, and role under a centered heading. The standard social-proof block.
testimonials/cards/default
Testimonial section templates
Customer voices in every format: quote cards, single featured quotes with portraits, masonry walls and grids combined with metrics.
12 variants · neutral wireframe · ready to reskin with your design tokens
Three testimonial cardsStar-rated testimonial cardsCompact testimonial cardsTestimonial cards with dividersCentered single quoteQuote with portraitQuote with company logoCompact single quoteQuote grid (2x2)Quote grid (three columns)Masonry quote gridQuotes with stats sidebar
Star-rated testimonial cards
Three quote cards with a five-star row above each quote. For products with strong review scores.
testimonials/cards/with-stars
Compact testimonial cards
Three compact quote cards without a section header. For dense layouts where testimonials are secondary.
testimonials/cards/compact
Testimonial cards with dividers
Three quotes separated by borders instead of card backgrounds. Adds structure and editorial rhythm.
testimonials/cards/with-dividers
Centered single quote
One large centered testimonial with eyebrow, quote, author name and role. For a champion customer.
testimonials/single-quote/default
Quote with portrait
Portrait image left, large quote right. Creates an intimate connection between quote and author.
testimonials/single-quote/with-portrait
Quote with company logo
Centered quote with the customer company logo above. Emphasizes the brand behind the words.
testimonials/single-quote/with-logo
Compact single quote
Short quote with minimal vertical space. Slots between sections without breaking flow.
testimonials/single-quote/compact
Quote grid (2x2)
Four testimonial cards in a 2-column grid with eyebrow and heading. Scales social proof beyond three quotes.
testimonials/marquee/default
Quote grid (three columns)
Six testimonial cards in a 3-column grid. For products with plenty of quotes to show.
testimonials/marquee/three-col
Masonry quote grid
Six cards with varied heights for visual interest. Editorial, magazine-like feel.
testimonials/marquee/masonry
Quotes with stats sidebar
Four key metrics in the left column, three testimonial cards right. Numbers plus voices.
testimonials/marquee/with-stats
claude mcp add --transport http rifframe https://rifframe.app/api/mcp > "Add a testimonials section to my landing page"
Your coding agent can search and pull these sections directly. How it works.