Testimonial Cards

Stacked testimonial cards using Swiper’s cards effect, with prev/next controls.

Usage

1. Install peer dependency: npm i swiper
2. Copy files from src/ into your React project

import { TestimonialCards } from "./TestimonialCards";

const items = [
  {
    quote: "Shipped fast without sacrificing quality.",
    name: "Alex Rivera",
    role: "Founder",
    company: "Northline",
    rating: 5,
  },
];

export function Example() {
  return <TestimonialCards items={items} loop />;
}

Use TestimonialCard alone when you only need a single card.

Notes

• Client components ("use client")
• Requires swiper (EffectCards)
• Infinite loop expands slides for a smooth card stack
• Self-contained card + layout styles (no Tailwind required)