Geradores

Geradores — 10 ferramentas para desenvolvedores no navegador, incluindo Gerador de UUID, Gerador de Hash ID e Gerador de dados fictícios. Tudo roda localmente sem cadastro nem uploads, seus dados ficam privados e os resultados são instantâneos.

10 ferramentas
Gerador de UUIDFerramenta online gratuita para gerar UUID v1, v4 e v7 com criação em massa e validação. Os UUIDs são gerados no navegador via crypto.getRandomValues(), até 1.000 por vez, e o v7 revela a hora de criação.
Gerador de Hash IDGerador gratuito de hash ID que cria IDs aleatórios curtos e seguros para URL no estilo nanoid. Defina o comprimento e o alfabeto, gere um ou vários IDs únicos e copie-os para chaves e slugs.
Gerador de dados fictíciosGerador gratuito de dados fictícios baseado em faker.js que cria nomes, e-mails e endereços realistas. Escolha os campos e exporte dados de teste em formato JSON, CSV ou SQL.
Gerador de QR codeGerador de QR code que transforma texto ou URL em uma imagem QR, com tamanho, nível de correção de erros e cores personalizáveis. Baixe o PNG na hora, gerado grátis no navegador.
Gerador de faviconGerador de favicon gratuito para criar favicons a partir de texto, emoji ou cor. Escolha fonte, fundo e formato e baixe ícones PNG prontos em vários tamanhos para seu site e app.
Gerador de ondas SVGGerador de ondas SVG online gratuito com editor visual para ondas suaves. Ajuste amplitude, cores e camadas, aplique predefinições prontas e copie o código CSS e SVG para fundos e divisores de seção.
Gerador de gradiente CSSGerador visual de gradientes CSS lineares, radiais e cônicos: adicione paradas de cor, ajuste o ângulo e copie o CSS. Perfeito para fundos e botões, grátis no navegador.
Gerador CSS box-shadowGerador de box-shadow CSS com controles de deslocamento, desfoque, expansão, cor e inset e prévia ao vivo da sombra. Copie o CSS pronto para uso, grátis no navegador.
Gerador CSS border-radiusGerador de border-radius CSS com oito alças de canto independentes, controles deslizantes e prévia ao vivo da forma arredondada. Copie o CSS pronto para uso, grátis no navegador.
Gerador CSS FlexboxPlayground de CSS Flexbox com editor visual para justify-content, align-items, flex-direction e wrap, com prévia de layout ao vivo. Gere CSS Flexbox pronto para copiar, grátis no navegador.

Como usar

  1. 1
    Ajuste os controles visuais— Arraste os controles de um gradiente, uma sombra, um raio de borda ou um layout flexbox: a prévia se atualiza a cada mudança, então dá para acertar o valor no olho.
  2. 2
    Copie o código gerado— Cada gerador escreve o CSS pronto para colar na folha de estilos, e os geradores de QR code, favicon e onda SVG exportam um arquivo para o projeto.
  3. 3
    Gere identificadores e dados de teste em lote— Produza um lote de UUIDs ou Hash IDs curtos num clique, ou monte registros fictícios em JSON ou CSV para preencher uma tabela durante os testes.

Perguntas frequentes

Use v7 quando o valor for chave primária: ele começa com um carimbo de tempo em milissegundos, então linhas novas ficam próximas no índice B-tree em vez de se espalharem por páginas aleatórias. Fique com v4 quando o identificador não puder revelar nada sobre o momento da criação, como um token público de compartilhamento.

Sim. Ambos usam crypto.getRandomValues(), o gerador criptograficamente seguro do navegador, e não Math.random(). O gerador de senhas ainda mostra a entropia em bits, permitindo verificar se o comprimento e o conjunto de caracteres escolhidos são de fato fortes.

Pode. Os geradores de gradiente, sombra, raio de borda e Flexbox produzem CSS padrão ao lado de uma prévia ao vivo, e essas propriedades dispensam prefixos de fornecedor nos navegadores atuais. O gerador de ondas SVG entrega tanto a marcação SVG quanto o CSS necessário para usá-la como plano de fundo.

Este site usa cookies para melhorar sua experiência e publicidade. Saiba mais

Permita anúncios neste site

Para usar estas ferramentas, permita anúncios neste site. A publicidade mantém este serviço gratuito.

Abra o bloqueador, desative o bloqueio neste site e verifique novamente.