Ballmac UI home
Get Pro

Testimonials Pro 3: one big quote with a person pickerPRO

A single large quote with a result chip, switched by avatar tabs that follow the tabs pattern with arrow keys, Home and End.

Installation

  1. Once per project: add the Pro registry and your licence key.

    components.json
    {
  "registries": {
    "@ballmac": "https://ui.ballmac.com/r/{name}.json",
    "@ballmac-pro": {
      "url": "https://ui.ballmac.com/r/pro/{name}.json",
      "headers": { "Authorization": "Bearer ${BALLMAC_LICENSE_KEY}" }
    }
  }
}
    .env.local
    BALLMAC_LICENSE_KEY=your-licence-key

  2. Add it.

    $ pnpm dlx shadcn@latest add @ballmac-pro/testimonials-pro-3

  3. Need a licence or help with setup?

    The source is part of Ballmac UI Pro.

    Log in with your licence key to read and copy it here, or install it through the shadcn CLI or the MCP server. You own the code once it is in your project.

    Get ProLog in

Usage

import { TestimonialsPro3 } from "@/components/ballmac/blocks/testimonials-pro-3/testimonials-pro-3"

Dependencies

npm
motion
Registry
@ballmac/avatar@ballmac/badgeshadcn/utils

Use with AI

Focused testimonial with tab selector. Fades between quotes and respects reduced motion. With the shadcn MCP server set up (guide), ask your agent:

Add the Ballmac UI Testimonials Pro 3: one big quote with a person picker (@ballmac-pro/testimonials-pro-3) to this project with the shadcn MCP, then use it where it fits.

Use it for

  • Landing pages with three to five strong stories

Not for

  • Long lists of reviews

Registry JSON (needs your licence key): https://ui.ballmac.com/r/pro/testimonials-pro-3.json

Covered by the Ballmac UI Pro license.

More testimonials blocks

Testimonials 1: scrolling wall of quotes

A wall of testimonial cards in three columns that scroll at different speeds in opposite directions, pausing on hover, with a plain list on phones.

Testimonials 2: featured quote with avatar picker

One large quote at a time with the person, role and a highlighted result. A row of avatars switches quotes with arrow keys; optional gentle autoplay that pauses on hover and focus.

Testimonials Pro 1: filterable wall of love

A masonry wall of quotes with topic chips, star ratings, one highlighted quote and a polite live count of what is shown.

Testimonials Pro 2: two rows of moving quotes

Two rows of quote cards that scroll in opposite directions, with a visible pause button, pause on hover and focus, and a static scrollable row under reduced motion.