Add a Folder Tree to a README

Generate a clean project-structure tree to document your repository.

Nid oes angen mewngofnodi

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.

README tips

📖

Paste your folder layout as an indented list and drop the generated tree inside a fenced code block in your README.

├

Unicode connectors (├── └──) render nicely on GitHub; switch to ASCII for plain-text environments.

🧹

Keep it focused — show the important folders and files, not every node, so readers grasp the structure fast.

🔒

Runs entirely in your browser.

Sut Mae'n Gweithio

Ewch i mewn

Enter your data into the tool above. Everything stays local to your browser.

Proses

The tool processes your data instantly in your browser using JavaScript. No server, no waiting.

Lawrlwythwch

Get your result instantly. Nothing is stored after you leave the page — complete privacy.

Pam defnyddio ein un ni?

✓Hollol rhad ac am ddim - dim costau cudd, byth

✓Nid oes angen cyfrif, e-bost na mewngofnodi

✓Nid yw ffeiliau byth yn gadael eich dyfais

✓Dim cyfyngiadau maint ffeil o gwbl

✓Dim dyfrnodau ar unrhyw allbwn

Also check out…

📚

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

🗒️

Turn an Outline into a Tree

Visualise any nested outline — not just files — as

Cwestiynau Cyffredin

Back to ASCII Tree Generator