Visualizador de Árvore de Pastas
Transforma uma simples lista indentada de nomes de arquivos e pastas na clássica árvore de caracteres de caixa (`├──`, `└──`, `│`) que você vê em READMEs e na saída do comando `tree` do Unix. O parser deduz a profundidade apenas do espaço em branco inicial de cada linha — escolha 2 espaços, 4 espaços ou um tab por nível conforme sua fonte — então você pode rascunhar a estrutura em qualquer editor e colar aqui. Toda entrada com filhos é tratada como diretório e pode receber `/` no final; entradas sem filhos aparecem como arquivos, e várias raízes de nível superior são aceitas. Tudo acontece no seu navegador enquanto você digita; nada é enviado, e seu rascunho fica guardado no armazenamento local, sobrevivendo a um recarregamento. A saída usa caracteres Unicode de desenho de caixas, que renderizam corretamente em qualquer terminal moderno, nos blocos de código do GitHub/GitLab e na maioria dos sistemas de documentação — envolva a árvore num bloco de código para que a fonte monoespaçada mantenha os ramos alinhados.
project/ ├── src/ │ ├── components/ │ │ ├── Header.tsx │ │ └── Footer.tsx │ ├── lib/ │ │ └── utils.ts │ └── index.ts ├── public/ │ ├── favicon.ico │ └── robots.txt ├── package.json └── README.md
A saída usa caracteres Unicode de desenho de caixas — renderizam em qualquer terminal moderno e no GitHub.
Como usar
- Cole ou digite sua lista indentada: um arquivo ou pasta por linha, com os filhos um nível mais fundo que o pai.
- Ajuste a opção de indentação (2 espaços, 4 espaços ou tabs) à da sua lista; um ajuste errado achata a árvore ou aninha demais.
- Ative o slash final se quiser marcar diretórios com `/`.
- Copie o resultado e cole dentro de um bloco de código (três crases) no seu README ou documentação.
Perguntas frequentes
- E se minha lista misturar tabs e espaços?
- O parser só respeita a unidade de indentação selecionada, então a mistura produz profundidades erradas. Escolha o estilo dominante ou normalize antes: um localizar-e-substituir com regex de `\t` por dois espaços no seu editor leva segundos.
- Por que o slash final nos diretórios importa?
- Em texto puro não há ícones, então o sufixo `/` é a única pista de que uma entrada é uma pasta e não um arquivo sem extensão. READMEs do GitHub, documentação de terminal e a opção `tree -F` do Unix usam a mesma convenção.
- Como mostro uma pasta vazia?
- Uma linha só é tratada como diretório quando tem pelo menos um filho, então uma pasta vazia renderiza como arquivo. Adicione um filho de preenchimento como `.gitkeep` se precisar que apareça como pasta — que também é a convenção comum no Git para manter diretórios vazios.
- A árvore vai aparecer certa no GitHub?
- Sim: os glifos `├──`/`└──` são texto Unicode comum. Coloque a árvore dentro de um bloco de código cercado (três crases) para o GitHub usar fonte monoespaçada; fora de um bloco de código o espaçamento colapsa e os ramos desalinham.
- Minha entrada é salva ou enviada?
- Ela nunca sai do seu navegador. A ferramenta guarda sua última entrada no armazenamento local do navegador para que continue lá após recarregar; limpe a área de texto (ou os dados do site) para removê-la.
Ferramentas relacionadas
Imagem → ASCII Art
Converta qualquer imagem em ASCII art com largura, conjunto de caracteres e inversão ajustáveis — tudo no navegador.
Conversor de Texto para Binário
Converta texto para binário de 8 bits e de volta. Codificado em UTF-8, então emojis e caracteres acentuados funcionam, com separador de bytes à escolha.
Conversor de texto para hexadecimal (e volta)
Converta texto em bytes hexadecimais e decodifique hex de volta para texto, com suporte a UTF-8, no seu navegador.
Gerador de Lorem Ipsum
Gere texto de preenchimento por parágrafos, frases ou palavras.
Gerador de URL Slug
Transforme texto em slug de URL limpo — remove acentos, escolhe separador, define largura máxima.
Conversor de leetspeak (1337)
Traduza texto para leetspeak e decodifique 1337 de volta para letras, no seu navegador.
Descodificador ASN.1 / DER
Cole qualquer estrutura DER — PEM, base64 ou hex — e veja a sua árvore ASN.1: deslocamentos, etiquetas, comprimentos e valores descodificados.