DEV3 Free Gantt Chart and Timeline Maker — Source Code (React + Tailwind)

Source code of the DEV3 Gantt Chart and Timeline Maker, a client-side Gantt chart editor with finish-to-start dependencies, milestones, groups, progress, drag-to-move and resize bars, and PNG, PDF, CSV and JSON export.

Free download: sign in to any DEV3 account and click Download ZIP. Try it live: https://dev3.tech/tools/gantt-timeline-maker shows the finished tool running.

What is in the download

• A standalone Vite + React + TypeScript + Tailwind CSS project: src/tool holds the tool, shared pieces sit beside it
• package.json with exact versions plus a lockfile, so npm ci works
• README.md (run, build, embed in Next.js or plain React) and an MIT LICENSE

What the code does

• Pointer-event dragging with day snapping and keyboard nudging
• Finish-to-start scheduling that shifts dependants and blocks dependency loops
• Day, week and month zoom with a today line, all drawn as SVG
• PNG and PDF export from a self-contained SVG string, CSV and JSON import and export

Tech stack

React 19, TypeScript, Vite, Tailwind CSS 4, jspdf.

Install and customise

The How to install and How to use tabs list the steps. In short: unzip, npm ci, npm run dev, then copy the tool folder into your own app if you want to embed it.

Good to know

• A browser-only tool: there is no backend or database in the code.
• Only finish-to-start links are supported, and there is no resource or critical path calculation.