How to Use
  • To add a new node, left-click (Primary Click)
  • To edit an existing node, right-click (Secondary Click)
  • To move a node, drag it on top of another node
  • To delete nodes, click trashcan, then click on a node
  • To add a triangle child, press and hold shift while clicking on a node
  • To delete all nodes, click X.
Fork on Github
Want High Quality Image?
The quality of canvas-generated PNG is limited.
You may:
  • Zoom in and take a screenshot of the syntax tree to get a higher quality image.
  • Use SVG (Vector Graphic) instead
SVG (recommended) PNG