🌳

Miễn phí 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.

Runs in your browserNo sign-up, no pop-upsKhông cần đăng nhậpMiễn phí mãi mãi

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

Cách hoạt động

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.