Skip to content
Notion Arena
📅
🗂️ Planning & ProjectsProWidget

Gantt Timeline

A dependency-aware timeline you can hand to a client.

Version
v1.2.0
Updated
2026-09-25
Plan
Free
notion.so/your-dashboard
Block height
px
  1. 1In Notion, type /embed and press Enter.
  2. 2Paste the URL below and click Embed link.
  3. 3Drag the block's edge to resize. It updates live from now on.
Embed URL
url
https://notionarena.vercel.app/embed/gantt-timeline
Or paste it straight into the page
notepad
/embed → paste this URL → Embed link

https://notionarena.vercel.app/embed/gantt-timeline

Works on every Notion plan. No integration, no OAuth, no server. The trade-off: the widget lives on our host, so it needs network access to render, and a workspace serving thousands of page views a day could hit fair-use limits. For offline-safe delivery, use the HTML block tab.

About this component

Notion's Timeline view is bound to a database and to that database's date properties. This is a standalone timeline driven by a JSON array in the URL, so you can pin a fixed roadmap, a launch plan or a project schedule to any page, including a published one.

What it does

  • Auto-scaling month/week header based on the date range
  • Per-task progress fill and grouped swimlanes
  • Today marker and overdue shading
  • Dependency arrows between bars

Where people put it

↳Client-facing project pages
↳Quarterly roadmaps on a published Notion site
↳Launch plans with a fixed date spine
🗃️

Mini Kanban

A drag-and-drop board that lives inside a page, not a database.

PlanningProWidgetv1.1.0
🧭

Eisenhower Matrix

Sort tasks by urgency and importance in four quadrants.

PlanningFreeWidgetv1.0.3
🍽️
New

Weekly Meal Planner

Plan a simple meal idea for each day of the week.

PlanningFreeWidgetv1.0.0