Three testimonial cards
Three quote cards with avatar, name, and role under a centered heading. The standard social-proof block.
testimonials/cards/default
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
Three quote cards with avatar, name, and role under a centered heading. The standard social-proof block.
testimonials/cards/default
Three quote cards with a five-star row above each quote. For products with strong review scores.
testimonials/cards/with-stars
Three compact quote cards without a section header. For dense layouts where testimonials are secondary.
testimonials/cards/compact
Three quotes separated by borders instead of card backgrounds. Adds structure and editorial rhythm.
testimonials/cards/with-dividers
One large centered testimonial with eyebrow, quote, author name and role. For a champion customer.
testimonials/single-quote/default
Portrait image left, large quote right. Creates an intimate connection between quote and author.
testimonials/single-quote/with-portrait
Centered quote with the customer company logo above. Emphasizes the brand behind the words.
testimonials/single-quote/with-logo
Short quote with minimal vertical space. Slots between sections without breaking flow.
testimonials/single-quote/compact
Four testimonial cards in a 2-column grid with eyebrow and heading. Scales social proof beyond three quotes.
testimonials/marquee/default
Six testimonial cards in a 3-column grid. For products with plenty of quotes to show.
testimonials/marquee/three-col
Six cards with varied heights for visual interest. Editorial, magazine-like feel.
testimonials/marquee/masonry
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.