Skip to main content
WireKit

Testimonials

Social proof sections with customer quotes. Available as a grid or single featured quote.

Composed from: section, container, stack, grid, heading, card, text, row, avatar, blockquote.

Grid Layout

Multiple testimonials in a responsive grid. The card grid scales well from two to nine quotes — past nine the page becomes a wall of cards and a single featured quote usually reads better.

Testimonials — 3-Column Grid

What customers say

  • "A short customer quote goes here. One or two sentences about a concrete result, in the customer's own voice, works best."
    Sarah Chen Sarah Chen CTO at LaunchPad
  • "A second quote. Keep each one brief so the three-column grid stays balanced on desktop and stacks cleanly on mobile."
    Marcus Johnson Marcus Johnson Lead Dev at Nexus
  • "A third quote rounds out the row. Specific, concrete feedback reads better than generic praise."
    Emily Park Emily Park Founder at Streamline 
<x-wirekit::section padding="2xl" background="muted">
    <x-wirekit::container max="xl">
        <x-wirekit::stack gap="xl">
            <x-wirekit::heading level="2" size="3xl" style="text-align: center;">What customers say</x-wirekit::heading>
            <x-wirekit::testimonial-grid>
                <li>
                    <x-wirekit::testimonial author="Sarah Chen" role="CTO at LaunchPad">
                    "A short customer quote goes here. One or two sentences about a concrete result, in the customer's own voice, works best."
                    </x-wirekit::testimonial>
                </li>

                <li>
                    <x-wirekit::testimonial author="Marcus Johnson" role="Lead Dev at Nexus">
                    "A second quote. Keep each one brief so the three-column grid stays balanced on desktop and stacks cleanly on mobile."
                    </x-wirekit::testimonial>
                </li>

                <li>
                    <x-wirekit::testimonial author="Emily Park" role="Founder at Streamline">
                    "A third quote rounds out the row. Specific, concrete feedback reads better than generic praise."
                    </x-wirekit::testimonial>
                </li>
            </x-wirekit::testimonial-grid>
        </x-wirekit::stack>
    </x-wirekit::container>
</x-wirekit::section>

A large, centered testimonial for high-impact social proof. Best when one customer's endorsement is the strongest signal — a quote from someone whose name your readers will recognize.

Testimonials — Single Featured Quote
"A single featured testimonial carries more weight when one endorsement is your strongest signal. Keep it to a sentence or two of concrete praise."

Jane Smith

CTO at Acme Corp 

<x-wirekit::section padding="2xl">
    <x-wirekit::container max="lg">
        <x-wirekit::stack gap="lg" align="center" style="text-align: center;">
            <x-wirekit::blockquote>
                "A single featured testimonial carries more weight when one endorsement is your strongest signal. Keep it to a sentence or two of concrete praise."
            </x-wirekit::blockquote>
            <x-wirekit::row gap="sm" align="center" justify="center">
                <x-wirekit::avatar alt="Jane Smith" />
                <x-wirekit::stack gap="none" style="text-align: left;">
                    <x-wirekit::text weight="semibold">Jane Smith</x-wirekit::text>
                    <x-wirekit::text size="sm" variant="muted">CTO at Acme Corp</x-wirekit::text>
                </x-wirekit::stack>
            </x-wirekit::row>
        </x-wirekit::stack>
    </x-wirekit::container>
</x-wirekit::section>