Proper UI

Gantt chart components

Free and open-source React Gantt chart components with grouped tasks, drag to move and resize, keyboard editing, dependency arrows and milestones. Built with React Aria and styled with Tailwind CSS.

Tasks
  • Planning4
    • Olivia Rhye
      User research
    • Phoenix Baker
      Scope and estimates
    • Lana Steiner
      Roadmap sign-off
    • Demi Wilkinson
      Contractor hiring
  • Design4
    • Candice Wu
      Wireframes
    • Natali Craig
      Visual design
    • Drew Cano
      Interactive prototype
    • Orlando Diggs
      Usability testing
  • Engineering4
    • Andi Lane
      API contracts
    • Kate Morrison
      Frontend build
    • Koray Okumus
      QA and hardening
    • Ava Wright
      Public launch
Planning
Design
Engineering

Installation

npx properui@latest add gantt

Gantt examples

Sprint tasks
  • Planning4
    • Olivia Rhye
      User research
    • Phoenix Baker
      Scope and estimates
    • Lana Steiner
      Roadmap sign-off
    • Demi Wilkinson
      Contractor hiring
  • Design4
    • Candice Wu
      Wireframes
    • Natali Craig
      Visual design
    • Drew Cano
      Interactive prototype
    • Orlando Diggs
      Usability testing
  • Engineering4
    • Andi Lane
      API contracts
    • Kate Morrison
      Frontend build
    • Koray Okumus
      QA and hardening
    • Ava Wright
      Public launch
Planning
Design
Engineering
Tasks
  • Planning4
    • Olivia Rhye
      User research
    • Phoenix Baker
      Scope and estimates
    • Lana Steiner
      Roadmap sign-off
    • Demi Wilkinson
      Contractor hiring
  • Design4
    • Candice Wu
      Wireframes
    • Natali Craig
      Visual design
    • Drew Cano
      Interactive prototype
    • Orlando Diggs
      Usability testing
  • Engineering4
    • Andi Lane
      API contracts
    • Kate Morrison
      Frontend build
    • Koray Okumus
      QA and hardening
    • Ava Wright
      Public launch
Planning
Design
Engineering
  • Private beta: May 15, 2026
  • Code freeze: June 12, 2026
Tasks
  • Planning4
    • User research
    • Scope and estimates
    • Roadmap sign-off
    • Contractor hiring
  • Design4
    • Wireframes
    • Visual design
    • Interactive prototype
    • Usability testing
  • Engineering4
    • API contracts
    • Frontend build
    • QA and hardening
    • Public launch
Planning
Design
Engineering

FAQs