Content widget
Timeline
Your story as a timeline of dates and events, alternating or on one side.
Build it with your AI
“Add a timeline of our story: founded 2019, 10,000 customers 2021, Lisbon studio 2023, AI building 2025.”
Live demo
See it working
2019
Founded in a spare bedroom
Two designers set out to make publishing effortless for small teams.
2021
First 10,000 customers
Word of mouth carried us to 40 countries without a sales team.
2023
A new studio in Lisbon
We opened our second office and doubled the product team.
2025
Assisted site building
Pages that draft, design and optimise themselves while you stay in control.
Settings
29 settings in three tabs
Every setting below is in the editor — and available to your AI through get_widget_schema.
Content
6 settings
Events
Events
Title HTML tag
Layout
Layout
Marker
Card pointer
Entrance animation
Design
23 settings
Spacing & line
Space between events
Space around the line
Line color
Line width
Line style
Marker
Size
Color
Icon / number color
Halo color
Icon size
Number typography
Card
Background
Padding
Border radius
Border
Shadow
Text
Date typography
Date color
Title typography
Title color
Title spacing
Description typography
Description 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 Timeline settings over MCP and writes the element for you — real, editable and on brand.
Claude · connected to your site
You
Add a timeline of our story: founded 2019, 10,000 customers 2021, Lisbon studio 2023, AI building 2025.
Claude · using Uncoder
Done — it’s on your site and fully editable.
What the AI writes
{ "type": "timeline", "settings": { } }More content widgets
Works well with
Breadcrumbs
Shows visitors where they are — Home › Blog › Post — and tells Google too, with structured data.
Code Highlight
Code in a tidy block with a file name, line numbers, highlighted lines and a copy button.
Loop Carousel
Your posts, products or any content, in a carousel of cards you design yourself.
Loop Grid
Your posts, products or any content in a grid of cards you design yourself, with pagination or load more.
Posts
A ready-made grid or list of posts with images, dates and excerpts.
Steps
A “How it works” row of numbered steps joined by a line.