Ballmac UI home
Get Pro

Testimonials Pro 7: expanding customer storiesPRO

Customer panels that open like an accordion on phones and widen side by side on desktop, each with a headline, quote and two numbers.

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

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

Dependencies

npm
lucide-react
Registry
@ballmac/badge@ballmac/buttonshadcn/utils

Use with AI

Accordion with real buttons and regions; only the open story is exposed. Transitions are removed under reduced motion. With the shadcn MCP server set up (guide), ask your agent:

Add the Ballmac UI Testimonials Pro 7: expanding customer stories (@ballmac-pro/testimonials-pro-7) to this project with the shadcn MCP, then use it where it fits.

Use it for

  • Three or four case studies

Not for

  • More than five stories

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