Clean Markdown headings, lists, links and blank lines with optional formatting controls. Preserve fenced code blocks and preview the result.
Directory Tree Generator for README Files
Generate a folder structure for README files from an indented list. Choose tree connectors, then copy or download your directory tree.
Free · No signup
Use 2 spaces for each level of nesting
├── 📁 src │ ├── 📁 components │ │ ├── ⚛️ Button.tsx │ │ ├── ⚛️ Input.tsx │ │ └── ⚛️ Header.tsx │ ├── 📁 pages │ │ ├── ⚛️ index.tsx │ │ ├── ⚛️ about.tsx │ │ └── 📁 api │ │ ├── 📘 users.ts │ │ └── 📘 posts.ts │ ├── 📁 styles │ │ └── 🎨 globals.css │ └── 📁 utils │ └── 📘 helpers.ts ├── 📁 public │ ├── 📁 images │ │ └── 🖼️ logo.png │ └── 🔷 favicon.ico ├── 📋 package.json └── 📝 README.md
├── 📁 src │ ├── 📁 components │ │ ├── ⚛️ Button.tsx │ │ ├── ⚛️ Input.tsx │ │ └── ⚛️ Header.tsx │ ├── 📁 pages │ │ ├── ⚛️ index.tsx │ │ ├── ⚛️ about.tsx │ │ └── 📁 api │ │ ├── 📘 users.ts │ │ └── 📘 posts.ts │ ├── 📁 styles │ │ └── 🎨 globals.css │ └── 📁 utils │ └── 📘 helpers.ts ├── 📁 public │ ├── 📁 images │ │ └── 🖼️ logo.png │ └── 🔷 favicon.ico ├── 📋 package.json └── 📝 README.md
463 chars
Total:21
📁 Folders:8
📄 Files:13
How to Use
- • Enter folder/file names, one per line
- • Use spaces (2 per level) to indicate nesting
- • Files are detected by having an extension (.tsx, .js, etc.)
- • Perfect for README files and documentation
How do I create a folder tree for a README?
Enter one file or folder per line, indent children with two spaces, and copy the generated directory tree into a fenced text block in your README. Use Simple style when you need ASCII-only connectors.
- Replace the sample with your project folders and files.
- Indent child entries beneath their parent. Disable file icons for plain text output.
- Choose a connector style, then copy the result or download directory-tree.txt.
Worked example
src
components
Button.tsx
README.md├── src │ └── components │ └── Button.tsx └── README.md
Supported behavior and limitations
The example uses the default thin connectors with file icons disabled. This tool reads an indented list; it does not scan your disk or verify that files exist. File and folder counts are estimated from dots in names, so extensionless files and dotted folders can be misclassified.
Which tree style uses only ASCII characters?
Choose Simple for |-- and `-- connectors. The thin and heavy line styles use Unicode box-drawing characters. Turn off file icons if you need entirely plain output.
Why does the tree lose alignment in Markdown?
Wrap it in a fenced code block with three backticks before and after the tree. A monospace code block preserves spaces and connector alignment.
Tool processing and website analytics are separate. See the privacy notice for usage requests, network features and analytics data flows.
Related tools
Useful next steps for this task
Preview markdown rendered as HTML.
Convert Markdown to HTML.
Compare two texts and highlight differences.
Format and beautify JSON with syntax highlighting and validation.
Convert HTML to Markdown.