component

Testimonial wall

Running live. Go ahead and touch it.

Frames hang around a headline while people slide through them; point at a card and it lifts and speaks.

See it in the design system

How it behaves

  • Pointing, focusing, or tapping a card shows its quote
  • Sliding stops while a card is active
  • Five columns under 768px

Find more that moves like this

Kind
component
Blueprint
testimonial-wall 1.0.4
Moves by
autoplay, hover, entrance, 3d

Import

import { TestimonialWall } from "@/components/shared/animation/testimonial-wall";

Props

PropWhat it does
itemsPeople with id, label, role, quote, background, and optional image
labelAccessible name for the group
eyebrow, heading, headingMutedHeadline text
descriptionShown until a card is active
actionLabel, actionHrefThe call to action
intervalMilliseconds between slides. Defaults to 2800
pulseColorTravelling dash color. Defaults to #f97316

Your agent builds it. You take the credit.

Testimonial wall ships inside the Testimonial Wall blueprint. These instructions tell your agent to take only this piece.

Version
1.0.4
Files
61
Dependencies
20
Assets
3

Paste this into Claude Code, Codex, Cursor, or whichever agent you trust today.

  • Building a blueprint runs its code, so use an isolated environment.
  • License: UNLICENSED.
  • The layout derives from a third-party design image supplied as a reference, whose reuse rights have not been cleared. Confirm the rights before any public release.
  • All thirteen names, roles, and quotes are fictional placeholders written for this build and are not real endorsements. Replace them with real, approved testimonials before any public release.
  • The reference shows portrait photos. This build uses color gradients instead, and an item's optional image field replaces them. The action link points to # until a page exists.
website

Pallet Ross

A creative network landing page where one set of cards travels through pinned scroll stages, from arc to cascade to grid.

website

Sixpay

A fintech homepage with detail panels in the navbar, a phone between tilted photos, rotating feature tabs, and a looping carousel of customer stories.

website

Artify AI

A dark AI image generator homepage with a floating navbar, a staircase of images that climbs and separates on scroll, and a drifting row of partner logos.

websiteNew

Eduvet University

A university homepage with a split photo hero, founder message, campus gallery, interactive departments, news, and an admissions preview.