Gantt Timeline
Drag a bar to move a task and watch everything downstream shift.
AdvancedWeb appProductivity16–32hAI-buildable 3/5no setupworth shipping
A project timeline where tasks are draggable bars with dependency arrows between them. Moving one task pushes its dependents, which means real constraint propagation. This is the hardest scheduling logic on this list and the most satisfying when it works.
UI
Logic
Useful
Hosting · Free forever
Deploys free on GitHub Pages, Cloudflare Pages or Vercel Hobby.
Deploy it and share a link.
Core features · 7
- Tasks render as bars positioned on a date axis
- Bars can be dragged to reschedule and resized to change duration
- Dependencies draw as arrows between tasks
- Moving a task shifts its dependents to keep constraints valid
- The timeline zooms between day, week and month scales
- Circular dependencies are detected and refused
- Today is marked on the axis
The interesting part
- Propagating a date change through a dependency graph
- Detecting cycles before they cause infinite propagation
- Keeping bar positions accurate across zoom levels
Once it works
- Highlight the critical path
- Add resource assignment per task
- Export the schedule as CSV
Suggested stack
reacttypescripttailwinddate-fnsdnd-kit