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
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.
What the AI writes
{
"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
}
]
}
}More marketing widgets
Works well with
Animated Headline
A headline that moves: a hand-drawn circle around one word, or words that rotate in turn.
Call to Action
A promo box with an image, a title, a line of text and up to two buttons — beside or on top of the image.
Countdown
Count down to a launch, or give every visitor their own 24-hour deadline.
Flip Box
A card that turns over on hover, focus or tap to reveal more and a button.
Link in Bio
A complete link-in-bio page in one widget: photo, name, bio, social icons and big link buttons.
Marquee
An endless strip of words, icons or images that scrolls by and pauses on hover.


