Skip to content
RevoGrid Pro / Gantt Chart

JavaScript Gantt Chart for SaaS Apps

Build scheduling into your product with fast editable timelines, dependencies, resources, critical path, and task planning inside your own application.

Drag to rescheduleInline assigneesProgress barsMilestones
RevoGrid Gantt project timeline with editable task rows, assignees, progress, and scheduling bars
2-axisgrid virtualization
4dependency types
3Kscheduler benchmark case
5framework targets
Why RevoGrid Gantt?

Grid-first Gantt for products where the schedule is part of the data model.

RevoGrid Gantt starts from the editable task table instead of treating the grid as a side panel. That matters for SaaS teams building planning workflows around custom columns, validation, permissions, exports, and domain data.

Task data stays editable

Keep owners, status, cost, progress, dates, and custom fields in the same high-performance grid users already understand.

Timeline logic stays connected

Dependencies, critical path, baselines, calendars, and progress updates work against the same rows that power your application.

Product teams keep control

Customize cells, columns, task renderers, menus, and workflows without sending users into a separate project-management tool.

Features

Scheduling features built for real products.

Give customers the planning tools they expect while keeping timeline data, editing, and grid behavior inside your application.

01

Interactive scheduling

Drag bars to reschedule tasks, resize durations, and update timeline rows in the same high-performance grid surface.

Drag and dropResizeTouch support
02

Task dependencies

Connect work with finish-to-start, start-to-start, finish-to-finish, and start-to-finish relationships.

FS / SS / FF / SFConnectorsAuto update
03

Critical path analysis

Surface the task chain that controls the delivery date so teams can focus on the work that affects launch.

Critical pathFloatStatus colors
04

Resource tracking

Assign people and teams to tasks, then expose ownership and workload context directly in the timeline.

AssigneesTeamsWorkload
05

Cost and progress

Track budgets, start dates, completion percentage, and group-level progress in one synchronized planning view.

Cost columnsProgress barsGroups
06

Plugin API

Adapt cells, columns, toolbar actions, and context menus with the same RevoGrid Pro plugin patterns used across your app.

Custom renderersToolbar SDKColumn types
Integrations

JavaScript, React, Vue, Angular, and Svelte Gantt support.

Ship the same scheduling experience across JavaScript, React, Vue, Angular, and Svelte projects.

Performance evidence

A virtualized grid foundation with measurable scheduler workloads.

RevoGrid renders only the visible row and column viewports, while the Gantt engine keeps scheduling calculations separate from visual task-bar rendering. The repository includes repeatable scheduler benchmarks for dependency- and resource-heavy projects.

These are benchmark workloads, not a universal FPS guarantee. Gantt-specific server-side data windowing remains a separate roadmap concern, so large-project validation should use your actual data and interaction mix.

1,000

Dependency benchmark

Checked-in benchmark scenario with summaries, dependencies, resources, warnings, holiday handling, and progress rescheduling.

3,000

Leveling benchmark

Checked-in scheduler scenario with automatic resource leveling and repeatable timing output.

Rows + columns

Viewport virtualization

The task table inherits RevoGrid row and column virtualization instead of mounting the complete project grid.

Your data

Production-fit proof

Use the trial to profile your own hierarchy depth, custom cells, calendars, dependency density, and browser targets.

Feature comparison

Gantt capabilities for embedded planning software.

Compare the core scheduling features product teams usually need before choosing a JavaScript Gantt chart component.

FeatureRevoGrid GanttProduct value
DependenciesFS, SS, FF, and SF task linksModel real sequencing rules instead of only drawing bars.
Critical pathCritical path and slack visibilityShow which work controls the delivery date.
BaselinesPlanned versus current schedule contextCompare original commitments with the latest forecast.
ResourcesAssignees, teams, and workload contextConnect tasks to people, crews, rooms, machines, or teams.
CalendarsWorking-time aware scheduling modelAccount for non-working days, holidays, and business calendars.
Drag and resizeInteractive timeline editingLet users reschedule work directly in the Gantt view.
ProgressProgress bars and completion fieldsTrack execution without leaving the task table.
Custom columnsRevoGrid column, cell, and plugin customizationKeep domain-specific fields beside the timeline.
ExportRevoGrid export workflows and custom export integrationMove schedule data into reporting, handoff, and audit workflows.
Use cases

Where teams embed RevoGrid Gantt.

Use RevoGrid Gantt when planning belongs inside an operational product, not in a separate project-management tab.

ERP

Add work orders, production plans, delivery milestones, and dependency-aware timelines to enterprise resource planning screens.

PSA

Plan client projects, consultants, milestones, budgets, and delivery capacity inside professional services software.

Construction

Coordinate crews, phases, inspections, suppliers, and handoffs with project schedules tied to live business data.

Manufacturing

Schedule jobs, machines, materials, changeovers, and dependencies while keeping planning fields editable in the grid.

Resource planning

Assign people, teams, rooms, equipment, or production lines and expose workload context next to task dates.

Internal tools

Build planning views for operations, finance, support, onboarding, marketing, and engineering workflows.

FAQ

RevoGrid Gantt questions

Is RevoGrid Gantt a full Microsoft Project clone?

No. RevoGrid Gantt supports familiar Microsoft Project-style planning concepts, but it is designed as an embeddable, grid-first web component for SaaS applications rather than a full desktop Project clone.

Does it support React?

Yes. RevoGrid Gantt can be used in React applications and also supports JavaScript, Vue, Angular, and Svelte projects.

Does it support dependencies?

Yes. RevoGrid Gantt supports task dependencies including finish-to-start, start-to-start, finish-to-finish, and start-to-finish relationships.

Can it handle large task lists?

Yes. RevoGrid Gantt builds on the RevoGrid virtualized grid foundation, so it is designed for large editable task tables and timeline views.

Is it included in Pro Advanced?

Yes. RevoGrid Gantt is part of the Pro Advanced bundle.

Pricing and trial

Evaluate the complete Gantt module before purchase.

Gantt is included in RevoGrid Pro Advanced. Licensing is per front-end developer, with no runtime royalties, server license, deployment counting, or end-user seat fees under the current plan.

Pro Advanced current USD price$499 / developer / year

Request-based trial

Trial access is available on request with no credit card required. Start with public demos, then validate Pro behavior inside your application.

Unlimited production usage

One licensed developer seat can ship the module in production without per-deployment or per-end-user charges, subject to the license terms.

Full Advanced bundle

The same plan includes Gantt, Pivot, the plugin API, typed source access, private repository access, priority support, and engineering guidance.

Included in RevoGrid Pro Advanced

Gantt is part of the Pro Advanced bundle.

One Pro Advanced license gives your team Pivot Tables, Gantt charts, the full Plugin API, typed source access, and direct engineering support. No per-feature upsell.

Pro Advanced from
$499
/developer/year
+Pivot Tables
+Gantt and dependencies
+Plugin API
+Typed source access
+Engineering support

Add Gantt scheduling without building it from scratch.

Embed RevoGrid Gantt, customize it with your product UI, and keep every scheduling interaction under your control.