Ga naar hoofdinhoud
LibraTool logoLibraTool

Gratis ASCII-boomgenerator

Zet een ingesprongen lijst om in een nette mappenstructuur (├── └──) voor README's en documentatie. Unicode- of gewone ASCII-uitvoer. Volledig in je browser.

Werkt offline na het laden
Importopties
Standaard worden node_modules, .git, buildresultaten en caches overgeslagen.

Spring in met spaties of tabs om items te nesten. Elk extra inspring-niveau wordt een onderliggend item. Voeg een notitie toe na ' # ', ' // ', ' - ' of ' <- ' en die wordt in de uitvoer als commentaar uitgelijnd. Plak een lijst met paden (git ls-files, find, dir /s /b) om ze te nesten; eindig een naam met / om een lege map aan te geven. Bij het importeren of neerzetten van een map of .zip worden alleen bestandsnamen gelezen, nooit de inhoud, en worden node_modules, .git en andere buildmappen overgeslagen (zie Importopties).

Boomstructuur
Commentaarstijl
my-project
├── src
│   ├── components
│   │   ├── Button.tsx
│   │   └── Modal.tsx
│   ├── lib
│   │   └── utils.ts
│   └── index.ts  # entry point
├── public
│   └── favicon.ico
├── package.json
└── README.md

💡 Plak een mapstructuur (of een genest overzicht) en krijg een nette boomstructuur die je in een README, een opmerking of documentatie kunt plaatsen. Gebruik de ASCII-stijl voor omgevingen die geen kaderlijntekens weergeven. Alles werkt in je browser.

Veelvoorkomend gebruik

  • Voeg een mappenstructuur toe aan READMEGenereer een schone projectstructuurboom voor documentatie van je repository.
  • Documenteer een projectstructuurMaak een mapboom voor technische documentatie en wiki's.
  • Maak een boom voor een codecommentaarGenereer een structuurdiagram om in opmerkingen in de broncode in te voegen.
  • Toon een bestandsboom in een gesprekMaak een schone mapdiagram voor dia's en tutorials.
  • Zet een overzicht om in een boomVisualiseer elk genest overzicht — niet alleen bestanden — als een boom.

Hoe het werkt

Een mapstructuur in een README documenteren betekent meestal dat je de lijnen ├── en └── met de hand tekent. Dit genereert ze uit een eenvoudige ingesprongen lijst.

  1. 1
    Je typt een ingesprongen overzicht
    Één item per regel; inspringen met spaties of tabs om te nesten. Inspringingsdiepte bepaalt de hiërarchie.
  2. 2
    Het wordt in een boom geparseerd
    Een stack-gebaseerde parser verandert de inspringing in een geneste structuur, volledig in je browser.
  3. 3
    Boomconnectoren worden getekend
    Juiste ├──-, └──- en │-hulplijnen worden gegenereerd, waarbij de verticale lijnen correct doorlopen in geneste takken.
  4. 4
    Kopieer het resultaat
    Kies Unicode- of gewone ASCII-connectoren en kopieer de boom naar je README, documentatie of een code-opmerking.

Een eenvoudig teksthulpprogramma dat volledig op je apparaat draait — niets wordt geüpload.

Gerelateerde tools

Veelgestelde vragen