Text Tree Generator

What you can do

• Draw a folder structure for a README or a documentation page.
• Convert a Markdown list into a tree diagram.
• Turn an existing tree back into an editable list, then change it.
• Switch between Unicode, rounded, heavy, double and plain ASCII connectors.
• Sort a tree alphabetically or with folders first.
• Copy the tree wrapped in a Markdown code block.

How to use the Text Tree Generator

1. 1Type your items, using Tab and Shift+Tab to set how deep each one sits.
2. 2Pick a connector style, the indent width and any extras like a root folder or a count line.
3. 3Copy the tree or download it as a text file.

Pasting a list you already have

Paste into any row and the whole block is read as an outline, so a Markdown list, a tab indented note or a tree someone drew earlier all land as proper items. Indentation decides the nesting, whatever width it uses, and list markers like -, *, +, 1. and task boxes are stripped off. The Paste a list button does the same for a larger block and replaces the outline in one go.

Reading a drawn tree back in is the useful half of this. Copy the structure out of a README, fix a name or move a folder, and draw it again in the style you want. Code fences and the 2 directories, 5 files line that the tree command prints are skipped, so pasting a whole block works without cleaning it up first.

Connector styles and indent width

Unicode is the default and matches what the tree command prints. ASCII swaps in |-- and ` -- `` for terminals and fonts that render box-drawing characters badly, and heavy, double, rounded and dashed change the weight of the lines. Indent only and Markdown list drop the connectors entirely, which is handy when the tree is going somewhere that renders lists itself.

The indent slider sets how many characters each level takes, from a tight two up to ten. Four is the classic width, ├── , and narrower settings help when a deep tree would otherwise wrap in a code block.

Folders, sorting and counts

An item with something nested under it counts as a folder. The slash option marks those with a trailing /, the count line reports how many folders and files the tree holds, and sorting orders each level alphabetically or puts the folders before the files. Sorting only affects the output, so your typed order stays as it is.

The root option wraps everything in one named folder, which is what you want when the tree describes a single project. To publish the result, turn on the code block option and paste it into your Markdown, or check how it will look with the Markdown Preview.