Turn an Outline into a Tree
Visualise any nested outline — not just files — as a tree.
Indent with spaces or tabs to nest items. Each deeper indent becomes a child.
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.
outlines tips
It works for any hierarchy: site maps, org charts, task breakdowns, or category lists.
Indent sub-items to nest them; the tree connectors are generated automatically.
Copy the result anywhere monospace text is supported.
Processed entirely on your device.
Cách hoạt động
Tại sao chọn của chúng tôi?
Also check out…
Add a Folder Tree to a README
Generate a clean project-structure tree to documen
Document a Project Structure
Create a directory tree for technical docs and wik
Make a Tree for a Code Comment
Generate a structure diagram to embed in source-co
Show a File Tree in a Talk
Create a clean directory diagram for slides and tu