Tree Generator

Turn indented text into a copyable ASCII tree

Source

Rendered tree

src/
├── components/
│   ├── Button.tsx -- every variant lives here, so restyling is one file
│   └── Card.tsx
└── utils/
    └── format.ts
README.md
Example output — start typing to replace it.

Indent to nest a node. Annotate one with --. Tab and Shift + Tab indent, Alt + ↑/↓ moves lines, Shift + Alt + ↑/↓ copies them, Esc leaves the field. Drag the grip beside a line to move it and everything under it. Typing / at the end of a name opens a line inside it. Mark a line added, changed or deleted by putting +, ~ or - before its name, on either side of the indentation. Folders follow what is inside them, and a deleted folder takes its contents with it.