Document a Project Structure
Create a directory tree for technical docs and wikis.
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.
documentation tips
A visual tree helps new contributors find their way around a codebase faster than prose.
Group related files under clear parent folders so the hierarchy tells a story.
Copy the tree into Markdown, Confluence, or any doc tool that supports monospace text.
No uploads β your structure stays on your device.
Hoe het werkt
Waarom de onze?
Also check outβ¦
Add a Folder Tree to a README
Generate a clean project-structure tree to documen
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
Turn an Outline into a Tree
Visualise any nested outline β not just files β as
