Web Tools
ASCII Tree Generator
Generate directory-tree-style ASCII art from indented text input. Three rendering styles — Unicode, ASCII, and Compact. Sort files and directories, add trailing slashes, count nodes, and export full paths. Runs entirely in your browser — your data never leaves your machine.
ascii tree directory file-structure visualization documentation readme
Published June 1, 2026
All interactive tools run entirely in your browser. Your data never leaves your device.
How It Works
Type or paste an indented list of files and directories. The tool auto-detects the indentation style (2-space, 4-space, or tab) and renders a tree visualization with branch connectors. All processing runs entirely client-side.
Features
- 3 styles: Unicode (├── └──), ASCII (|— —), Compact (├─ └─)
- Auto-detect indentation: supports 2-space, 4-space, and tab indentation
- Trailing slashes: optionally add / to directory names
- Sort options: alphabetical sorting with files-first or directories-first
- Node stats: count files, directories, and total nodes
- Full paths: view flattened full path list
- 4 examples: simple project, React app, monorepo, deeply nested
- Live preview: tree updates as you type
- Copy output: one-click copy of rendered tree
- Private: runs entirely in the browser — no data transmitted
Use Cases
- README files: generate project structure visualizations for documentation
- Code reviews: illustrate proposed directory changes
- Architecture docs: document folder layouts for team reference
- Presentations: create clean file tree diagrams for slides
- Project planning: sketch out directory structures before implementation