LibraTool logoLibraTool
🌳
πŸ“š

Document a Project Structure

Create a directory tree for technical docs and wikis.

No login required

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.

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.

How It Works

1
Enter
Enter your data into the tool above. Everything stays local to your browser.
2
Process
The tool processes your data instantly in your browser using JavaScript. No server, no waiting.
3
Download
Get your result instantly. Nothing is stored after you leave the page β€” complete privacy.

Why use ours?

βœ“Completely free β€” no hidden costs, ever
βœ“No account, email, or login required
βœ“Files never leave your device
βœ“No file size limits whatsoever
βœ“No watermarks on any output

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

Frequently Asked Questions

Back to ASCII Tree Generator