Transforme código em screenshots elegantes para compartilhar. 8 temas, destaque de sintaxe, moldura de janela, exportação PNG.
48px
12px
14px
Números de linha
Sombra da janela
Fundo
Pré-visualização ao vivoDracula · TypeScript
1import{useState,useEffect}from'react';
2
3// Custom hook for debounced search
4functionuseDebounce<T>(value:T,delay:number):T{
5const[debounced,setDebounced]=useState(value);
6
7useEffect(()=>{
8consttimer=setTimeout(()=>{
9setDebounced(value);
10},delay);
11
12return()=>clearTimeout(timer);
13},[value,delay]);
14
15returndebounced;
16}
17
18exportdefaultuseDebounce;
Como criar um screenshot de código
Transforme código em imagens bonitas e compartilháveis com o Gerador de Screenshot de Código gratuito do The IT Hustle.
1
Cole seu códigoDigite ou cole código no editor. A ferramenta detecta automaticamente linguagens comuns.
2
Escolha um temaSelecione entre 8 temas de cores, incluindo Monokai, Dracula, One Dark, Nord, GitHub Dark e mais.
3
Personalize a aparênciaAjuste a cor de fundo, o espaçamento, o raio da borda, o tamanho da fonte, os números de linha e a sombra da janela.
4
Baixe ou copieClique em Baixar PNG para salvar o screenshot, ou em Copiar Imagem para colar diretamente no Slack, Twitter ou documentos.
Perguntas frequentes
Sim. Essa ferramenta oferece funcionalidade parecida com a do Carbon.sh — transformar código em screenshots bonitos — mas roda inteiramente no seu navegador, sem envio para servidores. Seu código continua privado.
JavaScript, TypeScript, Python, Go, Rust, Java, C++, HTML, CSS, SQL, Bash, JSON, YAML, Markdown e Ruby. O destaque de sintaxe cobre palavras-chave, strings, comentários e números para cada uma.
Sim. Desative a visibilidade do fundo para obter um PNG transparente — perfeito para sobrepor código em slides ou posts de blog.