🌳

مجاني ASCII Tree Generator

Turn an indented list into a clean folder tree (├── └──) for READMEs and docs. Unicode or plain-ASCII output. Runs entirely in your browser.

يعمل في المتصفح الخاص بكلا الاشتراك، لا النوافذ المنبثقةلا يلزم تسجيل الدخولمجاني للأبد

Indented list

Indent with spaces or tabs to nest items. Each deeper indent becomes a child.

Tree

my-project
├── src
│   ├── components
│   │   ├── Button.tsx
│   │   └── Modal.tsx
│   ├── lib
│   │   └── utils.ts
│   └── index.ts
├── public
│   └── favicon.ico
├── package.json
└── README.md

💡 Paste a folder structure (or any nested outline) and get a clean tree you can drop into a README, a comment, or documentation. Use the ASCII style for environments that don’t render box-drawing characters. Everything runs in your browser.

Optimize for your platform

Add a Folder Tree to a README Document a Project Structure Make a Tree for a Code Comment Show a File Tree in a Talk Turn an Outline into a Tree

كيف يعمل

Documenting a folder structure in a README usually means drawing the ├── and └── lines by hand. This generates them from a simple indented list.

1
You type an indented outline
One item per line; indent with spaces or tabs to nest. Indentation depth defines the hierarchy.
2
It's parsed into a tree
A stack-based parser turns the indentation into a nested structure, entirely in your browser.
3
Tree connectors are drawn
Proper ├──, └──, and │ guides are generated, with the correct vertical lines carried down through nested branches.
4
Copy the result
Pick Unicode or plain-ASCII connectors and copy the tree into your README, docs, or a code comment.