Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/neuronetio/gantt-schedule-timeline-calendar

Gantt Gantt Gantt Timeline Schedule Calendar [ javascript gantt, js gantt, projects gantt, timeline, scheduler, gantt timeline, reservation timeline, react gantt, angular gantt, vue gantt, svelte gantt, booking manager ]
https://github.com/neuronetio/gantt-schedule-timeline-calendar

angular-gantt angular-scheduler angular-timeline booking calendar gantt gantt-timeline javascript-gantt js-gantt js-scheduler js-timeline react-gantt react-scheduler react-timeline reservation schedule scheduler timeline timeline-editor vue-gantt

Last synced: 5 days ago
JSON representation

Gantt Gantt Gantt Timeline Schedule Calendar [ javascript gantt, js gantt, projects gantt, timeline, scheduler, gantt timeline, reservation timeline, react gantt, angular gantt, vue gantt, svelte gantt, booking manager ]

Awesome Lists containing this project

README

        

gantt-schedule-timeline-calendar

Gantt, schedule, timeline and calendar components all in one!


gantt-schedule-timeline-calendar

gantt-schedule-timeline-calendar is all-in-one component that you can use in different scenarios.


Keywords: [ gantt, javascript gantt, typescript gantt, project manager, js gantt, js scheduler, js timeline, javascript timeline, javascript schedule, js scheduler, javascript calendar ]



















And always remember, to leave a star :star:



FEATURES

- elastic - you can change almost everything from DOM tree to logic (without any compilation, without modifying original code - with config, state or plugin)
- super fast! even with large dataset
- multiple items in one row - suitable for various applications like booking, reservation, resource manager, multimedia editor etc.
- tree like structures - collapsible / expandable groups
- moveable / resizable items with ability to configure which items can move at the moment and how
- secure html templates
- snap to specified time when resizing / moving
- templates & slots support to easily change html content of each component
- background grid on which you can place your html content
- selectable cells and items with a choice of what can be selected at the moment
- gradual time zoom up to seconds
- resizable list columns (in realtime)
- sortable and searchable list columns
- BEM based CSS rules (easy to change appearance)
- you can easily add third party libraries
- highly configurable
- mobile ready
- Daylight saving time (DST) support
- plugins support
- attractive visually
- written in typescript
- offline license key (after purchase)


You can use it in react, vue, angular, svelte or any other projects.


You can use it as schedule for reservation system. You can use it for organizing events. You can use it as gantt chart. You can use it as calendar for different purposes.
You can even use it as a multimedia timeline editor!


gantt-schedule-timeline-calendar is very extensible and elastic. You can make your own plugins or modify configuration in couple of ways to achieve your goals.
You can control almost everything. You can change html structure, stylize every html element and even override original components without any compilation stage!

EXAMPLES

Online examples

You can checkout [examples folder](https://github.com/neuronetio/gantt-schedule-timeline-calendar/tree/master/examples) too.
To run examples locally, clone this repository and run `npm run examples` in the root folder.
```bash
git clone https://github.com/neuronetio/gantt-schedule-timeline-calendar.git
cd gantt-schedule-timeline-calendar
npm i
npm run examples
```

REACT, NEXTJS, ANGULAR, SVELTE AND VUE EXAMPLES

- [react gantt-schedule-timeline-calendar usage example](https://github.com/neuronetio/react-gantt-schedule-timeline-calendar-example)
- [nextjs/react gantt-schedule-timeline-calendar usage example](https://github.com/neuronetio/nextjs-gantt-schedule-timeline-calendar-example)
- [angular gantt-schedule-timeline-calendar usage example](https://github.com/neuronetio/angular-gantt-schedule-timeline-calendar-example)
- [vue gantt-schedule-timeline-calendar usage example](https://github.com/neuronetio/vue-gantt-schedule-timeline-calendar-example)
- [vue3 composition api with vite gantt-schedule-timeline-calendar example](https://github.com/neuronetio/vue3-vite-gantt-schedule-timeline-calendar-example)
- [svelte gantt-schedule-timeline-calendar usage example](https://github.com/neuronetio/svelte-gantt-schedule-timeline-calendar-example)

SCREENSHOTS


gantt-schedule-timeline-calendar item types


gantt-schedule-timeline-calendar item types


gantt-schedule-timeline-calendar item types


gantt-schedule-timeline-calendar select cells


gantt-schedule-timeline-calendar linked items


gantt-schedule-timeline-calendar select items


gantt-schedule-timeline-calendar linked-items 2



INSTALL

`npm i gantt-schedule-timeline-calendar`

or

``

DOCUMENTATION

[Documentation can be found here](https://gantt-schedule-timeline-calendar.neuronet.io)

NEED HELP?

Let us know [email protected]

LICENSE

[NEURONET Free / Trial License Terms](https://github.com/neuronetio/gantt-schedule-timeline-calendar/blob/master/LICENSE)

You can generate [free or trial license key here](https://gstc.neuronet.io/free-key).
If you need a full commercial license, please visit [pricing page](https://gantt-schedule-timeline-calendar.neuronet.io/pricing).