🌲 File Tree Generator

Build ASCII & Unicode directory trees for documentation and READMEs

How to use

Type your file structure using indentation (spaces or tabs). Each indented line becomes a child of the nearest less-indented line above it.

  • Add / at the end of a name to mark it as a folder
  • Or just indent children beneath it — folders are auto-detected
  • Use # comment lines to add annotations (shown inline)
  • Empty lines are ignored

Example input:

src/
  components/
    Header.tsx
    Footer.tsx
  utils/
    helpers.ts
  App.tsx
  index.ts
package.json
README.md
Style
Root
Input
Output
☕ Buy Me a Coffee