AhmadHassan-BTed/Jantt

What is it?

Key features

• 01Renders JSON task data as an interactive Gantt chart with drag, resize and progress handles
• 02Computes dependency schedules and critical path with float values
• 03Ships as a React component, a script-tag bundle, and a CLI with live file sync
• 04Validates documents against a published JSON Schema
• 05Exports to CSV, SVG and JSON

Use cases

• Adding a project timeline view to a React app without a commercial chart library
• Generating project plans from an LLM as JSON and rendering them for review
• Viewing and editing a schedule stored as a JSON file in a Git repository
• Tracking roadmap milestones on a static HTML page

Quick start

1. 1

   Install the React package

   npm install @jantt/react @jantt/core
2. 2

   Import the component and its stylesheet, then render it with your JSON data

3. 3

   Or load the script-tag build in plain HTML and call render

   <script src="https://unpkg.com/@jantt/standalone"></script>

Things to know

• !The README does not state a stable 1.0 release; the schema is at version 1.4.0 and the project may change.
• !Some advanced features such as multi-user CRDT collaboration and EVM are described in the README without detail on setup.

Topics

FAQ

What is Jantt?

A dependency-free TypeScript engine and React/script-tag component that renders JSON project data as an interactive, draggable Gantt chart. Jantt takes a declarative JSON document describing tasks, dates, dependencies, milestones and categories, and turns it into an interactive Gantt chart. The core package (@jantt/core) is pure TypeScript with no runtime dependencies. It is available as a React component, as a script-tag bundle for plain HTML, and through a Node.js CLI that opens a JSON file in the browser with two-way file sync.

Is Jantt free to use? What license does it have?

Jantt is open source under the MIT license. Check the license terms before using it in commercial products.

Is Jantt still maintained?

Actively maintained. The last commit to Jantt was on Oct 16, 2026.

What can I use Jantt for?

Adding a project timeline view to a React app without a commercial chart library Generating project plans from an LLM as JSON and rendering them for review Viewing and editing a schedule stored as a JSON file in a Git repository Tracking roadmap milestones on a static HTML page

How do I install Jantt?

Install the React package: npm install @jantt/react @jantt/core Import the component and its stylesheet, then render it with your JSON data Or load the script-tag build in plain HTML and call render: <script src="https://unpkg.com/@jantt/standalone"></script>

Where can I get Jantt?

The source code and installation instructions are on GitHub: https://github.com/AhmadHassan-BTed/Jantt