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 chart, and export an image or reusable 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 tasksSet dates, durations, dependencies, and status. Changes stay local.
Edit Mermaid Gantt syntax directly. Valid code updates the task builder; errors stay visible with their source line.
Live Mermaid preview
Gantt chart preview
Preparing chart…
Private · local render
Scrollable Gantt chart 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 while you edit tasks and dependencies.
100%
Preparing Gantt 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.
Mermaid Gantt syntax
Dates and dependencies stay readable.
The dateFormat directive controls dates, section groups work, and after connects a task to earlier IDs. Open the Gantt syntax reference for more examples.
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.
Show task dependencies without drawing connectors
Give every task a stable ID and set dependent work to start after one or more earlier IDs. The builder writes Mermaid’s after syntax and warns about missing, later-defined, or circular references before they become confusing schedule output.
Use dates, durations, sections, and milestones
Organize work into phases such as Discovery, Build, and Launch. Enter an ISO start date, follow the previous task automatically, or depend on completed work. Durations accept days, weeks, hours, and minutes, while milestones use a zero duration.
Export images and version-controlled text
Download SVG for responsive documents, PNG for messages and slides, or PDF for reports. Copy the Mermaid code, fenced Markdown, SVG markup, a PNG image, or a shareable URL. The .mmd and .md downloads keep the schedule editable instead of locking it into a proprietary canvas.
Private browser-based project planning
Your tasks and dates are not uploaded to a rendering service. The editor, compressed share payload, draft autosave, and export pipeline run locally. This makes the tool useful for internal launch plans, release schedules, incident work, and documentation roadmaps.
Gantt chart versus timeline
A Gantt chart is best when duration, overlap, and dependency order matter. If you only need a sequence of releases, eras, or milestones, use the Mermaid timeline generator for a simpler chronological view.
Gantt chart maker FAQ
How do I make a Gantt chart online?
Choose a template, name each task, set its start and duration or end date, then add dependencies and sections. The live chart updates as you edit.
How do I show task dependencies?
Set a task’s start mode to After task, then choose one or more earlier task IDs. The generated Mermaid source uses after task-id.
What does after mean in a Mermaid Gantt chart?
after starts a task when its referenced task or tasks finish. Stable task IDs make those dependencies safe to keep in version control.
Is this Gantt chart maker free?
Yes. It works without an account, subscription, watermark, or server-side rendering.
Is my project plan uploaded?
No. Editing, Mermaid rendering, local draft storage, sharing payload creation, and export happen in your browser.
How do I exclude weekends?
Turn on Exclude weekends. The generated source adds excludes weekends to the Gantt definition.
How do I add the chart to a README?
Copy Markdown, or download the .md file, then paste its fenced Mermaid block into a Mermaid-enabled README on GitHub or GitLab.
Should I use a Gantt chart or a timeline?
Use a Gantt chart for dated tasks, durations, overlap, and dependencies. Use the timeline generator for milestones or chronological events 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 Mermaid Flowchart Editor Pie Chart Maker Markdown Table Generator Mermaid Timeline Generator Sequence Diagram Generator