About Shadcn Gantt Chart Blocks
Gantt chart blocks are shadcn blocks for planning work over time: product roadmaps, project schedules and team resource planners. They are built on the Kibo UI Gantt component with React and TypeScript, and use shadcn/ui buttons, toggle groups, selects, dialogs, sheets, popovers and avatars styled with Tailwind CSS.
Every block is interactive. Drag a bar to move it or pull its edges to change the dates, switch between daily, monthly and quarterly views, zoom the timeline, and open an item to edit its status, owner and progress. Milestones and release markers sit on the timeline next to a line for today, and new items can be added from the toolbar.
Tasks, teams, people and markers live in plain arrays with dates relative to today, so the chart always looks current. Replace them with data from your API and wire the move and edit handlers to save changes in your Next.js or React app.
