# TestimonialAccordion

> The TestimonialAccordion component is an interactive, auto-rotating testimonial showcase designed for modern web applications. It combines the functionality of an accordion with dynamic progress tracking to create a visually engaging and user-friendly experience. Each testimonial is presented as a collapsible section, allowing users to expand individual reviews without disrupting the overall layout. The component includes per-item progress memory—so when users switch between testimonials, each one resumes from its own progress point. It also supports automatic rotation, making it ideal for homepages or landing sections where testimonials cycle through automatically. With a fixed, stable layout that prevents width or height jumps, responsive design using Tailwind CSS, and support for company logos, avatars, and quotes, this component offers both aesthetic appeal and technical smoothness. It’s perfect for showcasing client feedback, success stories, or partner reviews in a clean, animated, and professional manner.

- Author: [Ruixen UI](https://21st.dev/@ruixen.ui)
- Library: [Ruixen UI](https://21st.dev/@ruixen.ui/library/ruixen-ui)
- License: unknown
- Live preview: https://21st.dev/@ruixen.ui/components/testimonial-accordion

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ruixen.ui/testimonial-accordion?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt
