# Testimonials wall

> Testimonials in slowly scrolling columns that pause on hover, rows on phones.

Block · Pro · https://lodeui.com/blocks/testimonials-wall

## When to use

- Social proof on landing and pricing pages.

## When not to use

- Fewer than four quotes: use a static grid.

## Installation

```bash
npx shadcn@latest add @lode/testimonials-wall
```

Pro: needs a Lode API key and the `@lode` registry in components.json. See https://lodeui.com/docs/cli.

npm dependencies: lucide-react

## Usage

```tsx title="example.tsx"
import { TestimonialsWall } from "@/components/blocks/testimonials-wall";

<TestimonialsWall testimonials={[{ name: "Maya Chen", role: "Design lead", quote: "We shipped in a week.", rating: 5 }]} />
```

Built from: Marquee

## API reference

### TestimonialsWall

Testimonials in vertical marquees (desktop) or one horizontal marquee (phones). Also the default export.

| Prop | Type | Default | Description |
| --- | --- | --- | --- |
| eyebrow / title | `string` | – | Heading. |
| testimonials | `{ name; role; quote; hue?; rating? }[]` | – | At least 6 work best; split across three columns. |

## Keyboard interactions

| Keys | Action |
| --- | --- |
| Tab | Reach the pause buttons |

## Accessibility

- Columns pause on hover and focus and have pause buttons.
- Ratings are labelled as "5 out of 5 stars".
- Duplicated cards for the loop are hidden from screen readers.

## Motion

- Columns scroll in opposite directions at different speeds.

## Responsive behavior

- Three columns from 768px; a single horizontal strip below.

## Performance

- Animations start when the section scrolls into view.
- No data fetching; pass your copy as props.

## Notes for AI

- Use real names and roles with permission.

## Related

- [Marquee](https://lodeui.com/components/marquee) — Endless, seamless scroller for logos and testimonials that glides to a stop on hover.
- [Logo cloud](https://lodeui.com/blocks/logo-cloud) — Trusted-by logos as an endless strip or a static grid.
- [Rating](https://lodeui.com/components/rating) — Interactive or read-only star rating with half stars.