Ballmac UI home
Get Pro

Testimonials Pro 1: filterable wall of lovePRO

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

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-1

  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 { TestimonialsPro1 } from "@/components/ballmac/blocks/testimonials-pro-1/testimonials-pro-1"

Dependencies

npm
lucide-react
Registry
@ballmac/avatar@ballmac/badgeshadcn/utils

Use with AI

Quote wall with topic filter chips (aria-pressed). The count is announced politely; featured quotes get the dark treatment. With the shadcn MCP server set up (guide), ask your agent:

Add the Ballmac UI Testimonials Pro 1: filterable wall of love (@ballmac-pro/testimonials-pro-1) to this project with the shadcn MCP, then use it where it fits.

Use it for

  • Pages with many short reviews

Not for

  • One or two long quotes (use testimonials-pro-3)

Registry JSON (needs your licence key): https://ui.ballmac.com/r/pro/testimonials-pro-1.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 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.

Testimonials Pro 3: one big quote with a person picker

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