{"id":41290655,"url":"https://github.com/svar-widgets/react-gantt","last_synced_at":"2026-01-23T03:31:06.132Z","repository":{"id":320788912,"uuid":"1075517463","full_name":"svar-widgets/react-gantt","owner":"svar-widgets","description":"Customizable React Gantt chart for building interactive timelines.","archived":false,"fork":false,"pushed_at":"2025-12-23T22:49:25.000Z","size":229,"stargazers_count":72,"open_issues_count":9,"forks_count":8,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-12-25T11:08:19.961Z","etag":null,"topics":["gantt","gantt-chart","project-management","react","react-component","react-gantt","react-gantt-chart","react19","reactjs","task-management","tasks","timeline","typescript"],"latest_commit_sha":null,"homepage":"https://svar.dev/react/gantt/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/svar-widgets.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"license.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-10-13T15:55:21.000Z","updated_at":"2025-12-24T23:25:34.000Z","dependencies_parsed_at":"2025-10-25T23:11:51.172Z","dependency_job_id":"a325c42b-5fe8-4d83-9e89-65799d2ae9b1","html_url":"https://github.com/svar-widgets/react-gantt","commit_stats":null,"previous_names":["svar-widgets/react-gantt"],"tags_count":5,"template":false,"template_full_name":null,"purl":"pkg:github/svar-widgets/react-gantt","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/svar-widgets%2Freact-gantt","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/svar-widgets%2Freact-gantt/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/svar-widgets%2Freact-gantt/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/svar-widgets%2Freact-gantt/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/svar-widgets","download_url":"https://codeload.github.com/svar-widgets/react-gantt/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/svar-widgets%2Freact-gantt/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28679149,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-23T01:00:35.747Z","status":"online","status_checked_at":"2026-01-23T02:00:08.296Z","response_time":59,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["gantt","gantt-chart","project-management","react","react-component","react-gantt","react-gantt-chart","react19","reactjs","task-management","tasks","timeline","typescript"],"created_at":"2026-01-23T03:31:05.485Z","updated_at":"2026-01-23T03:31:06.123Z","avatar_url":"https://github.com/svar-widgets.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\t\n# SVAR React Gantt Chart\n\n:globe_with_meridians: [Website](https://svar.dev/react/gantt/) • :bulb: [Getting Started](https://docs.svar.dev/react/gantt/getting_started/) • :eyes: [Demos](https://docs.svar.dev/react/gantt/samples/)\n\n[![npm](https://img.shields.io/npm/v/@svar-ui/react-gantt.svg)](https://www.npmjs.com/package/@svar-ui/react-gantt)\n[![License](https://img.shields.io/github/license/svar-widgets/react-gantt)](https://github.com/svar-widgets/react-gantt/blob/main/license.txt)\n[![npm downloads](https://img.shields.io/npm/dm/@svar-ui/react-gantt.svg)](https://www.npmjs.com/package/@svar-ui/react-gantt)\n\n\u003c/div\u003e\n\n[SVAR React Gantt](https://svar.dev/react/gantt/) is a customizable, high-performance React Gantt chart component that helps you visualize and manage project timelines. Its intuitive interface allows users to add, edit, and organize tasks and dependencies directly on the timeline via drag-and-drop or through a simple task edit form.\n\nTypeScript support, React 19 compatibility, and clean UI make it a modern and reliable choice for building interactive Gantt charts.\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://cdn.svar.dev/public/gantt-chart-ui.png\" alt=\"SVAR React Gantt Chart - Screenshot\"\u003e\n\u003c/div\u003e\n\n### ✨ Key Features\n\n- Interactive drag-and-drop interface\n- Intuitive and customizable task edit form\n- Set task dependencies on the timeline or in a popup form\n- Showing task progress on the taskbar\n- Hierarchical view of sub tasks\n- Configurable timeline (hours, days, weeks)\n- Flexible time units: support for hours and minutes\n- Custom time scales: define custom periods like sprints or stages\n- Ability to use custom HTML in grid cells\n- Sorting tasks in grid\n- Toolbar and context menu\n- Tooltips for taskbars\n- Weekends/holidays highlights\n- Zooming with scroll\n- Hotkey support for common actions\n- Fast performance with large data sets\n- Localization\n- Light and dark skins\n- Full TypeScript support\n- React 18 \u0026 19 compatible\n\n### 🚀 PRO Edition\n\nSVAR React Gantt is available in open-source and PRO Editions. The PRO Edition offers additional features and automation logic:\n\n- Work days calendar\n- Auto-scheduling (forward mode and Finish-to-Start dependencies)\n- Critical path\n- Baselines\n- Split tasks\n- Vertical markers\n- Unscheduled tasks\n- Undo/redo\n\nVisit the [pricing page](https://svar.dev/react/gantt/pricing/) for full feature comparison and licensing details.\n\n[Check out the demos](https://docs.svar.dev/react/gantt/samples/) to see all SVAR React Gantt features in action.\n\n### :hammer_and_wrench: How to Use\n\nTo start using **SVAR React Gantt**, simply import the package and include the desired component in your React file:\n\n```jsx\nimport { Gantt } from \"@svar-ui/react-gantt\";\nimport \"@svar-ui/react-gantt/all.css\";\n\nconst tasks = [\n  {\n    id: 20,\n    text: \"New Task\",\n    start: new Date(2024, 5, 11),\n    end: new Date(2024, 6, 12),\n    duration: 1,\n    progress: 2,\n    type: \"task\",\n    lazy: false,\n  },\n  {\n    id: 47,\n    text: \"[1] Master project\",\n    start: new Date(2024, 5, 12),\n    end: new Date(2024, 7, 12),\n    duration: 8,\n    progress: 0,\n    parent: 0,\n    type: \"summary\",\n  },\n];\nconst myComponent =\u003e (\u003cGantt tasks={tasks} /\u003e);\n```\n\nSee the [getting started guide](https://docs.svar.dev/react/gantt/getting_started/) to learn how to configure data sources, customize columns, and enable editing.\n\n### :speech_balloon: Need Help?\n\n[Post an Issue](https://github.com/svar-widgets/react-gantt/issues/) or use our [community forum](https://forum.svar.dev).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsvar-widgets%2Freact-gantt","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsvar-widgets%2Freact-gantt","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsvar-widgets%2Freact-gantt/lists"}