Media widget
Image Gallery
Images in a grid, masonry or justified rows, with captions, hover effects and a lightbox.
Build it with your AI
“Add a gallery of eight screenshots in a four-column grid with a lightbox.”
Live demo
See it working
Settings
28 settings in three tabs
Every setting below is in the editor — and available to your AI through get_widget_schema.
Content
15 settings
Gallery
Images
Filterable (portfolio)
Groups
“All” label
Layout
Columns
Row height
Aspect ratio
Gap
Resolution
Caption
Caption position
Link
Hover overlay
Overlay icon
Design
13 settings
Images
Hover effect
Border radius
Border
Shadow
CSS filters
Overlay color
Icon color
Icon size
Caption
Typography
Color
Background
Alignment
Padding
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 Gallery settings over MCP and writes the element for you — real, editable and on brand.
Claude · connected to your site
You
Add a gallery of eight screenshots in a four-column grid with a lightbox.
Claude · using Uncoder
Done — it’s on your site and fully editable.
What the AI writes
{
"type": "image-gallery",
"settings": {
"gallery": [
{ "id": 41 },
{ "id": 39 },
{ "id": 44 },
{ "id": 43 },
{ "id": 42 },
{ "id": 40 },
{ "id": 49 },
{ "id": 47 }
],
"columns": 4,
"columns_mobile": 2,
"ratio": "4/3",
"gap": { "size": 12, "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.
Image Carousel
Swipe through images, several per view, with captions and a lightbox.
Before / After
Drag a divider to compare two images: before and after, draft and final.
Logo Grid
Client logos in a tidy grid or an endless marquee, in grey until hovered.