The Magic Boxes tool is developed in Dart to start learning Dart (after reading the Getting Started section, developing the first example, and the Ping Pong game). The spiral approach to learning is used to advance step-by-step. The tool is based on the Magic Boxes tool developed in Java.

The code of Magic Boxes in Dart is kept at GitHub. If you are new to Git, you should really start learning it. However, if you are impatient to start learning Dart, you may want to download the spirals.

Click the box tool to create a box, by clicking on an empty space in the board.

To move a non selected box, click the box and keep the mouse down while moving it. The connected lines will follow. A selected box cannot be moved.

Click the box to select it. Click again to deselect it. If there are several selected boxes (and/or lines), you may deselect them all by clicking on an empty space in the board.

If you want to create several boxes, double-click the box tool to stay on. To return to the select mode double-click the select tool.

Click the line tool to create a line between the last two clicked boxes, by clicking on an empty space in the board.

Click the line, or very close to it, to select it. Click again to deselect it. If there are several selected lines (and/or boxes), you may deselect them all by clicking on an empty space in the board.

If you want to create several lines, double-click the line tool to stay on. To return to the select mode double-click the select tool.