Interactive Timeline Management
Drag and drop tasks, resize durations, and manage dependencies visually. ApexGantt makes project timeline management intuitive and efficient.
Multiple View Modes
Switch between hour, day, week, month, and year view scales to get the perfect level of detail for your project timeline.
Resizable Sidebar
Customize your workspace with a fully resizable task sidebar. Adjust the width to accommodate longer task names or show more timeline detail. The flexible layout adapts to your project management needs.
Rich Tooltips
Access comprehensive task information through customizable tooltips. Display start/end dates, duration, progress percentage, dependencies, and custom fields with fully templatable HTML content.
Extensive Customization
Tailor every aspect of your Gantt chart appearance. Customize colors, fonts, bar styles, row heights, and spacing. Create branded project timelines that match your organization's visual identity.
Gantt Exporting
Export your project timelines and Gantt charts as high-quality SVG files. Preserve all task details, dependencies, progress indicators, and annotations for documentation, reporting, or sharing with stakeholders and team members.
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()