🌳
無料 ASCII Tree Generator
Turn an indented list into a clean folder tree (├── └──) for READMEs and docs. Unicode or plain-ASCII output. Runs entirely in your browser.
ブラウザで実行サインアップもポップアップもありませんログイン不要永遠に無料
Indent with spaces or tabs to nest items. Each deeper indent becomes a child.
Tree
my-project ├── src │ ├── components │ │ ├── Button.tsx │ │ └── Modal.tsx │ ├── lib │ │ └── utils.ts │ └── index.ts ├── public │ └── favicon.ico ├── package.json └── README.md
💡 Paste a folder structure (or any nested outline) and get a clean tree you can drop into a README, a comment, or documentation. Use the ASCII style for environments that don’t render box-drawing characters. Everything runs in your browser.
Optimize for your platform
使い方
Documenting a folder structure in a README usually means drawing the ├── and └── lines by hand. This generates them from a simple indented list.
- 1You type an indented outlineOne item per line; indent with spaces or tabs to nest. Indentation depth defines the hierarchy.
- 2It's parsed into a treeA stack-based parser turns the indentation into a nested structure, entirely in your browser.
- 3Tree connectors are drawnProper ├──, └──, and │ guides are generated, with the correct vertical lines carried down through nested branches.
- 4Copy the resultPick Unicode or plain-ASCII connectors and copy the tree into your README, docs, or a code comment.
A simple text utility that runs entirely on your device — nothing is uploaded.
なぜ私たちのツール？
✓Completely free — no hidden costs, ever
✓No account, email, or login required
✓Runs entirely in your browser — no uploads
✓Works on any device — phone, tablet, desktop
✓Open and ad-supported, with no tracking
✓Loads fast, with no installation needed
関連ツール
このツールは役に立ちましたか?