ASCII Tree Generator
Visualize and create the perfect structure for your project. Drag and drop your folders/files and easily convert to ASCII format for your documentation.
Tree Editor
Double-click on a name to modify it. Use the buttons to add elements.
mon-projet
src
index.js
styles.css
public
README.md
package.json
ASCII Preview
Preview of your tree in ASCII format
Drag and Drop Files
Drag your folders and files here to import them into the tree
Drag your files and folders here
or click to select files
About the ASCII Tree Generator
This free ASCII tree generator turns a folder structure into a clean text diagram you can paste straight into a README.md, a GitHub issue, or technical documentation. Build the tree by drag-and-drop, switch between Unicode (├──) and plain ASCII (|--) connectors, and copy the result in one click — no installation, no signup.
FAQ
- How do I make a file tree for a GitHub README?
- Build your folder structure in the editor, open the ASCII preview, and copy the output. Paste it inside a fenced code block (```) in your README.md so the box-drawing characters line up correctly on GitHub.
- What's the difference between Unicode and ASCII connectors?
- Unicode connectors (├──, │, └──) look cleaner and render in most modern editors and on GitHub. Plain ASCII connectors (|--, |, \--) use only basic characters, which is safer for older terminals, emails, or environments that do not display Unicode reliably.
- Will the tree display correctly on GitHub?
- Yes. Wrap the tree in a fenced code block so GitHub uses a monospace font — that keeps the branches aligned. Unicode connectors render natively on GitHub.
- Is the ASCII tree generator free?
- Yes, it is completely free, runs entirely in your browser, and requires no account. Nothing you build is uploaded to a server.