Frappe Gantt

Frappe Gantt generates interactive SVG timeline charts in the browser with zero runtime dependencies, weighing twenty kilobytes minified. Built originally for project views in ERPNext, the library renders task bars, dependency paths, and progress handles directly to the DOM. Its architecture favors fast initial page loads and lightweight client-side execution over heavy commercial timeline suites.

Where Frappe Gantt fits

Frappe Gantt operates strictly as an embeddable client-side component rather than a standalone project management platform. Developers use standard JavaScript and CSS to render timelines directly inside existing web applications. Compared to commercial component suites such as DHTMLX Gantt or Bryntum Gantt, which bundle large data stores and recurring developer seat licenses, Frappe Gantt delivers a streamlined presentation layer. It initializes quickly by binding to an SVG container and accepting a plain JSON array of tasks, avoiding heavy client bundles and commercial contract negotiations.

This architectural simplicity shapes its capabilities and limits. The library provides task dragging, progress adjustment, and basic dependency connectors without requiring web workers, virtual DOM layers, or external date utilities. In exchange, teams forfeit enterprise scheduling primitives such as automated critical path calculation, resource leveling, and multi-calendar constraints. For engineering teams building internal consoles, deployment pipelines, or bespoke dashboards, Frappe Gantt supplies the necessary timeline visualization without framework lock-in or licensing friction.

What it does well

• Zero runtime dependencies: embeds into any web application or dashboard via a single script tag or bundler import without pulling in third-party packages.
• Native SVG rendering: produces vector task bars, progress fills, and dependency arrows that scale across display resolutions and accept standard CSS styling.
• Interactive manipulation: supports drag-and-drop rescheduling, duration resizing, and completion percentage updates with configurable snap intervals.
• Flexible view modes: switches between quarter-day, half-day, day, week, month, and year intervals dynamically using custom column stepping.
• Non-working period exclusion: highlights or suppresses weekends and custom holidays to calculate task duration against working schedules.