Text Tree Diagrams: Copy-Ready Symbols & Templates for Notes, Code, and Structure

Table of Contents

Quickly copy ready-to-use text tree diagram templates and symbols
for notes, structures, file organization, and more.

Basic Template
#

Main Category
├── Subcategory A
│   ├── A1
│   └── A2
└── Subcategory B
    ├── B1
    └── B2

Main Category
├── Category 1
│   ├── Item 1
│   └── Item 2
└── Category 2
    ├── Item 3
    └── Item 4

my-project/
├── src/
│   ├── components/
│   │   ├── Header.js
│   │   └── Footer.js
│   └── index.js
├── public/
│   └── index.html
└── package.json

A reference of commonly used text tree diagram symbols—combine and extend them to build your own templates!

Symbol	Usage	Code Example	Rendered Output
`├─`	Mid-branch node (more items follow at the same level)	`├─ Subcategory A`	├─ Subcategory A
`└─`	End-branch node (last item at this level)	`└── Last Item`	└── Last Item
`│`	Vertical connector (links to deeper nested items below)	`│ ├── Item`	│ ├── Item
`──`	Horizontal connector (extends structural spacing)	`├─── Item`	├─── Item

● ○ ◎ ◉
■ □ ▢ ▣
◆ ◇
▸ ▹ ▶
📂📄

[ ] ( ) { } < >
【 】 「 」