Basic widget
Divider
A line between sections, plain or with a word or icon in the middle.
Build it with your AI
“Add a divider with the word “or” in the middle between the two sign-up options.”
Live demo
See it working
Settings
12 settings in three tabs
Every setting below is in the editor — and available to your AI through get_widget_schema.
Content
6 settings
Divider
Style
Width
Alignment
Add element
Text
Icon
Design
6 settings
Divider
Color
Weight
Vertical spacing
Text typography
Text / icon color
Element spacing
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 Divider settings over MCP and writes the element for you — real, editable and on brand.
Claude · connected to your site
You
Add a divider with the word “or” in the middle between the two sign-up options.
Claude · using Uncoder
Done — it’s on your site and fully editable.
What the AI writes
{ "type": "divider", "settings": { } }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.
Heading
Titles from h1 to h6, sized by your text styles, with a second font for words in italics.
HTML
Paste any embed code or custom HTML.