Marketing widget
Animated Headline
A headline that moves: a hand-drawn circle around one word, or words that rotate in turn.
Build it with your AI
“Add a headline “Build sites that convert” with “convert” circled in a hand-drawn style.”
Live demo
See it working
Highlight
Describe the site, your AI builds it.
Rotating
Build pages with Claude, ChatGPT, Cursor
Settings
26 settings in three tabs
Every setting below is in the editor — and available to your AI through get_widget_schema.
Content
13 settings
Headline
Style
Before text
Highlighted text
Rotating words
After text
Shape
Animation
HTML tag
Link
Alignment
Animation
Display time (ms)
Drawing duration (ms)
Loop
Design
13 settings
Headline
Typography
Color
Text shadow
Text stroke
Stroke color
Text wrap
Animated text
Typography
Color
Background
Shape color
Stroke width
Draw over the text
Cursor 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 Animated Headline settings over MCP and writes the element for you — real, editable and on brand.
Claude · connected to your site
You
Add a headline “Build sites that convert” with “convert” circled in a hand-drawn style.
Claude · using Uncoder
Done — it’s on your site and fully editable.
What the AI writes
{
"type": "animated-headline",
"settings": {
"before_text": "Describe the site,",
"highlighted_text": "your AI",
"after_text": "builds it.",
"shape": "curly"
}
}More marketing widgets
Works well with
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.
Price List
Items and prices joined by dotted lines, like a restaurant menu or a price sheet.