Project Structure VisualizerFile Paths • Indented Lists • Clean ASCII

Markdown ASCII Directory Tree Generator

Convert file paths (`src/app/page.tsx`) or indented folder lists into beautiful ASCII directory tree diagrams (`├──`, `└──`) for your GitHub README documentation.

Wrap in ```text Code Block

SponsoredDeveloper Deals

File Paths or Indented Names

Input lines: 15Auto-detects paths & indentations

ASCII Tree Output

```text
├── README.md
├── package.json
├── public
│   └── logo.png
├── src
│   ├── app
│   │   ├── globals.css
│   │   ├── layout.tsx
│   │   └── page.tsx
│   ├── components
│   │   ├── Footer.tsx
│   │   └── Navbar.tsx
│   └── lib
│       └── markdown-utils.ts
└── tsconfig.json
```

Ready to paste directly into GitHub README.md100% Client-Side

SponsoredDeveloper Deals

Complete Guide & Overview

Generate ASCII Directory Trees for GitHub READMEs Online

Turn lists of project file paths or indented directory lists into clean ASCII folder tree diagrams. Perfect for documenting folder architecture in open source README files.

How to Use the ASCII Tree Generator

Paste Paths or Folders

Input your repository paths (e.g. from 'git ls-files' or 'tree') or type an indented list.

Automatic Diagram Construction

The algorithm parses the hierarchy and connects child folders with standard ASCII characters.

Paste into README

Click 'Copy Tree' and paste directly into your GitHub project documentation.

Key Features & Capabilities

Dual Input Parsing: Accepts raw file paths (src/lib/auth.ts) or space/tab-indented outlines.

Standard Connectors: Generates proper ├──, └──, and │ ASCII tree connectors.

Code Fence Toggle: Automatically wraps the tree in a Markdown ```text code block for instant copy-pasting.

Deep Nesting Support: Recursively calculates directory hierarchies without depth limits.

100% Client-Side: Safeguard proprietary codebase layouts with private local processing.

Pro Tips & Best Practices

•Keep README directory trees concise by excluding build folders like node_modules, .next, and dist.

Frequently Asked Questions

How can I get file paths quickly from my terminal?

In Linux or macOS, run 'git ls-files' or 'find . -not -path '*/.*'' in your project root, then paste the terminal output directly into this tool.

Why does the generator wrap output in a code block?

ASCII tree connectors require a monospace font to line up vertically. Wrapping the tree in ```text ensures GitHub displays straight branch lines.

Does it work with indented text?

Yes! You can indent lines using two spaces, four spaces, or tabs (e.g. 'root\n src\n index.ts').

Workflow Continuity

Related Markdown Tools

View all 123 tools

Generators

README Generator

Generate comprehensive, production-grade GitHub repository README.md documents in minutes.

Open Tool

Security & Analysis

Code Block Extractor

Extract, filter by language (JS, Python, TS, Go), and download code blocks from documents.

Open Tool

Formatters & Linters

Formatter & Beautifier

Automated syntax beautifier, list re-indexer, table aligner, and whitespace normalizer.

Open Tool

Generators

Markdown Editor

Full-featured dual-pane live editor with syntax toolbar, localStorage autosave, and document stats.

Open Tool