Skip to content
gauchocodeUI GALLERY
LIBRARY
All blocks58Data display15Navigation & shell14Forms & actions7Planning12Feedback & overlays4AI & automation4Apps & admin2
RESOURCES
CommunityTeam library
GC
GauchoCodeEngineering & design
v0.1
WorkspaceUI Gallery
CommunityTeam library
BlocksPlanningGantt timeline

Gantt timeline

Adapted

The long view. Date-math bars with day, week or month scales, group summaries, inline task creation and a today marker.

TimelineProgressEditing
React · CSS
Origin & adaptation notes

Adapts the TukiGrowth gantt: bars positioned and sized with date-fns day math, progress fills, today marker, month header and day ticks, plus Today/zoom navigation from the gantt nav. Day, week and month scales regroup the header and ticks; collapsible tree groups show dashed summary strips with duration-weighted progress; tasks can be added inline with validation. The bar palette is the literal GANTT_COLORS list extracted from the product gantt-bar. Tasks and dates are synthetic.

Curated adaptation. Synthetic data only. No production APIs.

PreviousWIP-limited kanbanNextEvent calendar
Built with intention. Shared with the team.GauchoCode UI Gallery ✳