Folder Structure Generator
Generate a clean, ASCII-tree folder structure from a simple indented list. Paste your file and folder names, indented to show nesting, and instantly get a copy-paste-ready directory tree for READMEs and documentation.
Indent with 2 spaces per level to show nesting. A trailing "/" is optional and purely cosmetic.
my-project ├── src/ │ ├── components/ │ │ ├── Header.tsx │ │ └── Footer.tsx │ ├── pages/ │ │ ├── index.tsx │ │ └── about.tsx │ └── utils/ │ └── helpers.ts ├── public/ │ └── favicon.ico ├── package.json └── README.md
Recommended Settings
Pro Tips
- •Nesting is based on indentation only - 2 spaces (or 1 tab) per level, so keep your indents consistent
- •The tree updates live as you type, so you can fix structure mistakes immediately
- •Adding a trailing slash to folder names (like "src/") is optional and doesn't affect the generated tree
- •Paste the output straight into a README.md code block to document your project's layout
Most Popular
Most people paste their actual project layout with 2-space indents to generate a README-ready tree
When to Use This Tool
Show contributors your project's file layout in a clear, standard tree format.
Sketch out a planned folder structure before creating the actual files.
Quickly communicate a folder structure in a ticket, chat message, or wiki page.
Illustrate the expected file structure for a coding tutorial or course.
How It Works
Each line in your list is read along with its indentation level
The tool determines each item's depth and whether it's the last item among its siblings
A standard ASCII tree is rendered using box-drawing characters (├──, └──, │), matching the output of the Unix `tree` command
100% Private
Files never leave your device. All processing happens locally in your browser.
Lightning Fast
Powered by Client-side text parsing and tree rendering for optimal performance on modern browsers.
Open Source
Built with verified, open-source libraries. Fully transparent.
Frequently Asked Questions
How do I show nesting in the input list?
Indent a line with 2 spaces (or a tab, which is treated the same as 2 spaces) for each level it's nested. A file or folder with no indentation is at the top level, directly under the root name.
Does this create real files and folders?
No - it only generates a text-based tree diagram, useful for documentation and planning. It doesn't create, upload, or modify any actual files on your computer.
Do I need to mark folders differently from files?
No, it's purely cosmetic. Adding a trailing slash (like "src/") can help readers tell folders apart from files, but it doesn't change how the tree is generated.
Can I use tabs instead of spaces to indent?
Yes, tabs are automatically treated as 2 spaces each, so you can mix or use whichever your editor produces by default.
Is my project structure uploaded anywhere?
No. The entire tree is generated locally in your browser - nothing you type is sent to a server.