Marketing widget

Testimonial Carousel

Several customer quotes in a carousel, with photos and star ratings.

Build it with your AI

“Add a carousel of three customer quotes with photos and five-star ratings.”

Live demo

See it working

This is the real widget, not a picture

Settings

67 settings in three tabs

Every setting below is in the editor — and available to your AI through get_widget_schema.

Content

22 settings

Testimonials

Testimonials

Card layout

Star rating

Quote icon

Name HTML tag

Carousel

Slides per view

Slides to scroll

Gap

Vertical alignment

Arrows

Arrows position

Previous icon

Next icon

Pagination

Rewind

Mouse drag

Transition duration (ms)

Autoplay

Delay (ms)

Pause on hover

Pause button

Accessible name

Design

45 settings

Card

Alignment

Space between parts

Padding

Background

Border

Border radius

Shadow

Shadow room

Quote

Typography

Color

Quote icon size

Quote icon color

Author

Photo size

Photo radius

Photo spacing

Name typography

Name color

Role typography

Role color

Rating

Star size

Star spacing

Color

Empty star color

Arrows

Button size

Icon size

Offset

Border radius

Icon color

Background

Border

Shadow

Border color

Pagination

Distance from slides

Alignment

Dot size

Active dot width

Space between dots

Dot color

Active dot color

Typography

Color

Bar height

Bar color

Track color

Pause button color

Behaviour

shared

On every element

Spacing & position

Background & border

Animations

Motion & effects

Scroll & mouse effects

Visibility

Conditions

Interactions

Attributes & CSS

Build it with AI

Just describe what you want

Your AI looks up the Testimonial Carousel settings over MCP and writes the element for you — real, editable and on brand.

Claude · connected to your site

You

Add a carousel of three customer quotes with photos and five-star ratings.

Claude · using Uncoder

Done — it’s on your site and fully editable.

  • Testimonial Carousel added where you asked
  • Styled with your Design System
  • Checked on tablet and mobile
  • get_widget_schema
  • edit_elements
  • audit_page

What the AI writes

testimonial-carousel.jsonJSON
{
  "type": "testimonial-carousel",
  "settings": {
    "items": [
      {
        "quote": "We rebuilt our site with Claude in an afternoon — and still tweak it by hand.",
        "name": "Sarah Lindqvist",
        "role": "Head of Marketing, Northwind",
        "avatar": { "id": 148 },
        "rating": 5
      },
      {
        "quote": "The Design System means everything the AI builds looks like us.",
        "name": "Tom Okafor",
        "role": "Founder, Kitework",
        "avatar": { "id": 151 },
        "rating": 5
      },
      {
        "quote": "Finally a builder where undo works for the AI too.",
        "name": "Priya Nair",
        "role": "Designer, Lumen",
        "avatar": { "id": 150 },
        "rating": 5
      }
    ]
  }
}

Free · GPL · No account

Your next site is one prompt away

Install Uncoder, connect your AI and describe what you want. Every page it builds stays yours to edit.