Directory Tree Visualizer
NewGenerate ASCII or Unicode tree views from folder structures. Great for documentation.
devFree • 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
Similar Tools
You might also be interested in
JSON Beautifier
Format and beautify JSON with syntax highlighting and validation.
JSON Minifier
Minify JSON by removing whitespace.
JSON Validator
Validate JSON syntax and display errors.
JSON Path Finder
Query JSON data using JSONPath expressions.
JSON Escape/Unescape
Escape or unescape JSON strings.
Markdown Cleaner
Clean and standardize markdown formatting.