Marketing widget
Countdown
Count down to a launch, or give every visitor their own 24-hour deadline. Choose what happens at zero.
Build it with your AI
“Add a countdown to our launch on December 31 at 6 pm, with a message when it ends.”
Live demo
See it working
Settings
37 settings in three tabs
Every setting below is in the editor — and available to your AI through get_widget_schema.
Content
19 settings
Timer
Type
Due date
Hours
Minutes
Restart when finished
Units & labels
View
Show days
Show hours
Show minutes
Show seconds
Show labels
Days label
Hours label
Minutes label
Seconds label
Separator
After expiry
Actions
Message
Redirect URL
Design
18 settings
Layout
Alignment
Space between units
Unit min width
Unit padding
Unit background
Unit border
Unit radius
Unit shadow
Digits
Typography
Color
Labels
Typography
Color
Spacing
Separator
Color
Size
Expiry message
Typography
Color
Spacing above
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 Countdown settings over MCP and writes the element for you — real, editable and on brand.
Claude · connected to your site
You
Add a countdown to our launch on December 31 at 6 pm, with a message when it ends.
Claude · using Uncoder
Done — it’s on your site and fully editable.
What the AI writes
{ "type": "countdown", "settings": { "due_date": "2026-12-31 18:00" } }More marketing widgets
Works well with
Animated Headline
A headline that moves: a hand-drawn circle around one word, or words that rotate in turn.
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.
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.