Description
Quickly transform indent-based file lists into structured tree diagrams for documentation, READMEs, or code reviews.
Heavily inspired by tree.nathanfriend.io.
How to Use
- Paste your folder structure into the
Target plain text box (e.g. src app page.tsx).
- Toggle Fancy on for Unicode branch characters, or off for simple ASCII.
- (Optional) Enable Full path to show full file paths, Trailing / for folder slashes, or Root . to label the root.
- View your tree in the Result box.
- Click Copy or Download to export.
Common Scenarios
- Document project structure in README files.
- Visualize directory layouts in design docs.
- Share file hierarchies in code reviews or chat.
Tips & Tricks
- 🔠 Keep indentation consistent (spaces over tabs) for accurate parsing.
- 🌲 Use Fancy for a polished look with
├─ and └─ characters.
- 🗂️ Enable Trailing / to distinguish folders from files.
- 📝 Wrap output in a markdown code block (
txt …) for seamless embedding.