TreeScii - ASCII Tree Generator

Interactive ASCII folder structure diagram generator with powerful editing features and multiple project templates.

Features

• 🌲 Visual tree explorer with interactive node editing
• 📝 Markdown-style list format support
• 🔄 Real-time bidirectional conversion between list and ASCII tree
• ⌨️ Rich keyboard shortcuts for efficient editing
• 📦 Project templates for popular frameworks (Next.js, Vite, T3 Stack, etc.)
• 🔧 Customizable interface with resizable panels

Example

Write in the editor:

- src/
  - components/
    - ui/
    - shared/
  - pages/
    - index.tsx
    - about.tsx
  - styles/
    - globals.css

Get instant ASCII tree:

src/
├── components/
│   ├── ui/
│   └── shared/
├── pages/
│   ├── index.tsx
│   └── about.tsx
└── styles/
    └── globals.css

Keyboard Shortcuts

• Cmd/Ctrl + Z: Undo last action
• Cmd/Ctrl + Shift + Z: Redo last action
• Cmd/Ctrl + S: Format markdown list
• Cmd/Ctrl + K: Show keyboard shortcuts
• Alt + ↑/↓: Move line up/down
• Tab/Shift + Tab: Adjust indent level
• Enter: Continue list
• - (at line start): Create list item

Project Templates

• Next.js (App Router)
• Next.js (Pages Router)
• Vite (React)
• Vite (Vue)
• T3 Stack
• Turborepo
• Remix
• Astro
• SvelteKit
• Basic Structure

Online Access

https://ascii-tree.unimelb.top/

https://ascii-tree.mirotoys.com/

License

MIT License © 2025 Mirrorgo

---

Made with ❤️ by Mirrorgo