Basic widget
Heading
Titles from h1 to h6, sized by your text styles, with a second font for words in italics.
Build it with your AI
“Add a centered h2 “Our services” with “services” in the accent font, and a short lead under it.”
Live demo
See it working
Build sites by talking to your AI
Settings
13 settings in three tabs
Every setting below is in the editor — and available to your AI through get_widget_schema.
Content
4 settings
Heading
Title
Link
HTML tag
Alignment
Design
9 settings
Title
Typography
Color
Link hover color
Highlight color
Max width
Text shadow
Text stroke
Stroke color
Text wrap
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 Heading settings over MCP and writes the element for you — real, editable and on brand.
Claude · connected to your site
You
Add a centered h2 “Our services” with “services” in the accent font, and a short lead under it.
Claude · using Uncoder
Done — it’s on your site and fully editable.
What the AI writes
{
"type": "heading",
"settings": {
"title": "Build sites <em>by talking</em> to your AI",
"tag": "h2",
"typography": { "preset": "h2" },
"text_wrap": "balance",
"align": "center"
}
}More basic widgets
Works well with
Alert
A friendly notice for news, warnings and success messages.
Blockquote
A quote that stands out, with its author and source.
Button
A link that looks like a button, in your Design System’s styles: primary, secondary, outline, ghost or link.
Counter
A number that counts up when it scrolls into view — and stays readable for search engines.
Divider
A line between sections, plain or with a word or icon in the middle.
HTML
Paste any embed code or custom HTML.