Use stable task IDs
Dependencies reference IDs rather than labels, so a task can be renamed without breaking the schedule.
Tasks + Dates + Dependencies 100% Client-Side • Private
Build a Gantt Chart You Can Commit as Text
Plan tasks visually, preview the Mermaid schedule, and export high-quality images or version-controlled source without creating an account.
Editable project plans
Choose a Gantt chart template.
Switch between editing and the live result.
Date FormattingYYYY-MM-DD · %b %d
Tasks
0 tasksLive Mermaid preview
Gantt chart preview
Preparing chart…
Private · local render
Scrollable preview. Use the arrow keys to pan, Shift with an arrow key to pan further, and Home to return to the top left.
Building your first preview…
The preview updates as you edit.
100%
Preparing editor…
Plan without a project-management account
Turn schedule rows into a clear project view.
A Gantt chart makes task timing, overlap, and dependencies visible. This builder keeps the editable Mermaid source beside the chart, so the plan can live in a README, specification, issue, or pull request.
Mark the critical work
Use critical, active, done, and milestone states to make the plan’s current shape readable.
Keep dates reviewable
The generated text is compact enough to diff, review, and update alongside project documentation.
Syntax Pattern
Mermaid Gantt syntax
The dateFormat directive controls dates, section groups work, and after connects a task to earlier IDs. Open the Gantt syntax reference
gantt
title Project Plan
dateFormat YYYY-MM-DD
excludes weekends
section Build
Prototype :done, proto, 2026-09-01, 10d
Release :milestone, after proto, 0dA free online Gantt chart maker with Mermaid source
This free Gantt chart maker converts a structured list of project tasks into a live Mermaid schedule. Start from a working template, then edit task names, sections, start dates, durations, end dates, dependencies, statuses, and milestones. The browser renders the chart immediately and keeps the source visible for technical documentation.
Frequently Asked Questions
What does after mean in a Mermaid Gantt chart?
after sets a task to start automatically once its prerequisite task or tasks are completed.
Is this Gantt chart maker free?
Yes. It works without an account, subscription, watermark, or server-side rendering.
How do I exclude weekends?
Turn on "Exclude weekends" to add excludes weekends to the Gantt chart definition.
Should I use a Gantt chart or a timeline?
Use a Gantt chart for dated tasks, durations, and dependencies. Use a timeline for high-level milestones or eras without schedule math.
More Markdown Tools
PDF to Markdown DOCX to Markdown HTML to Markdown CSV to Markdown TXT to Markdown ZIP to Markdown JSON to Markdown XML to Markdown XLSX to Markdown Markdown to PDF Markdown to DOCX Markdown to HTML Markdown Editor URL to Markdown Markdown to Plaintext Mermaid Editor Flowchart Editor Pie Chart Maker Table Generator Timeline Generator Sequence Diagram