Media widget
Image Carousel
Swipe through images, several per view, with captions and a lightbox.
Build it with your AI
“Add a carousel of our six product shots, three per view, opening in a lightbox.”
Live demo
See it working
Settings
54 settings in three tabs
Every setting below is in the editor — and available to your AI through get_widget_schema.
Content
21 settings
Images
Images
Resolution
Caption
Link
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
33 settings
Images
Aspect ratio
Image fit
Letterbox color
Border radius
Border
CSS filters
Hover effect
Caption
Typography
Color
Alignment
Spacing
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 Image 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 our six product shots, three per view, opening in a lightbox.
Claude · using Uncoder
Done — it’s on your site and fully editable.
What the AI writes
{
"type": "image-carousel",
"settings": {
"gallery": [
{ "id": 41 },
{ "id": 39 },
{ "id": 44 },
{ "id": 43 },
{ "id": 42 },
{ "id": 40 }
],
"slides_per_view": 3,
"slides_per_view_mobile": 1,
"gap": { "size": 14, "unit": "px" }
}
}More media widgets
Works well with
Facebook Embed
A Facebook page, post or video on your site — loading only when a visitor asks for it.
Google Maps
A map of your address that can wait for a click before loading anything from Google.
Hotspot
An image with pulsing markers that open little tooltips.
Before / After
Drag a divider to compare two images: before and after, draft and final.
Image Gallery
Images in a grid, masonry or justified rows, with captions, hover effects and a lightbox.
Logo Grid
Client logos in a tidy grid or an endless marquee, in grey until hovered.