Frappe Technologies

Frappe

Products

Gantt

Get started with Gantt

Frappe Gantt

Open Source JavaScript Gantt

Frappe Gantt started off as a component for ERPNext. Today, it is the solution for all your Gantt needs. With zero dependencies, we have one of the most aesthetically pleasing and powerful JavaScript Gantt library.

Except, of course, that it's free! Gantt is and will always be completely open source.

Try it! Drag tasks to modify their dates, change progress, or explore the popup.

Flexible timelines

Change the view mode of your chart, or scroll to today with the side header. Alternatively, add any action you like.

Gantt gives you the most common view modes, be it Day, Hour, or Year - and you can easily add your own if you want.

Configurable popups

Gantt offers a sleek, functional, popup by default. But if your needs differ, you can easily change it - either through our powerful API, or direct HTML.

Here, the default popup has been changed to fit our usecase. Remove progress, show dates in a different format, add in a funky action - this is your Gantt.

Make sure you try clicking on the title!

Mark holidays - or ignore them.

Gantt charts are often used in companies - so they should be a way to visually mark, if not ignore, weekends and public holidays.

Frappe Gantt supports this out of the box. Holidays can be shown in different colors - or you exclude them entirely from progress calculation and tasks.

Install using npm

$ npm install frappe-gantt

Check out the code