Interactive Timeline Management

Drag and drop tasks, resize durations, and manage dependencies visually. ApexGantt makes project timeline management intuitive and efficient. Watch it play, then grab a bar yourself.

Multiple View Modes

Switch between hour, day, week, month, and year view scales to get the perfect level of detail for your project timeline. This one auto-zooms — interact to take the controls.

Resizable Sidebar

A fully resizable task sidebar that adapts to long names or more timeline detail.

Rich Tooltips

Templatable HTML tooltips showing dates, duration, progress and dependencies.

Extensive Customization

Customize colors, fonts, bar styles, row heights and spacing to match your brand.

Gantt Exporting

Export timelines to high-quality SVG with every task and dependency preserved.

Simple Integration

Get started with ApexGantt in just a few lines of code

import ApexGantt from "apexgantt"

const tasks = [
  { id: 1, name: "Design Phase", start: "2024-01-01", end: "2024-01-15" },
  { id: 2, name: "Development", start: "2024-01-16", end: "2024-02-28",
    dependencies: [1] },
  { id: 3, name: "Testing", start: "2024-03-01", end: "2024-03-15",
    dependencies: [2] }
]

const gantt = new ApexGantt("#gantt", { tasks })
gantt.render()

Ready to streamline your project management?

Start planning with ApexGantt today.

Explore Demos
ApexGantt.js - Professional Project Management | ApexCharts.js