ASCII Tree Generator
Your data never leaves your browserGenerate ASCII directory tree diagrams from indented text.
Brie — Bug Reporting Tool
Found a bug while testing?
Brie captures screenshots, console logs, network data, and session replays in one click — so developers get the full context without the back-and-forth.
About ASCII Tree Generator
Turn an indented list of files and folders into a beautiful ASCII tree diagram with box-drawing characters (├──, └──, │). Perfect for documentation, README files, project structure overviews, and technical specifications. Paste your structure as indented text and get a copy-pasteable tree instantly.
How to use
- Type or paste your directory structure as indented text (use spaces or tabs for nesting).
- The ASCII tree diagram appears instantly in the output panel.
- Click Copy to paste the tree into your README, docs, or chat.
More Code Formatters
Frequently Asked Questions
FAQs about ASCII Tree Generator
How do I indicate nesting?
Use spaces or tabs to indent child items under their parent. Each level of indentation creates a deeper nesting level in the tree. 2 spaces per level is recommended.
How do I mark folders vs files?
By default, all items are treated the same. To visually distinguish folders, enable the "Add trailing / to directories" option and add a / after folder names in your input (e.g., "src/").
Can I use this in my README?
Yes! The output uses standard ASCII/Unicode box-drawing characters that render correctly in Markdown code blocks, GitHub READMEs, terminal output, and any monospace font.
What characters are used for the tree?
The tree uses Unicode box-drawing characters: ├── (tee) for items with siblings below, └── (elbow) for the last item, and │ (pipe) for vertical continuation lines.
Is my data safe?
Yes. The tree is generated entirely in your browser using JavaScript. No data is sent to any server.