🛠Dev
As ferramentas para desenvolvedores cobrem o fluxo do dia a dia: formatar e validar JSON, testar expressões regulares, decodificar JWT, converter formatos, gerar hashes e inspecionar dados. Pensadas para acelerar tarefas comuns sem sair do navegador.
207 ferramentas
Gerador de Botão CSS
Crie botões CSS customizados: cor, texto, padding, border-radius, sombra e hover. Veja o preview em tempo real e copie o HTML+CSS pronto para colar no projeto. Tudo no navegador.
Hexdump
Visualize qualquer texto em hexdump canônico (offset / bytes hex / ASCII), igual ao comando `hexdump -C` do Unix. Útil para inspecionar dados binários, encoding, separadores invisíveis. Tudo no navegador.
Tipos MIME (Referência)
Tabela pesquisável de tipos MIME — busque por extensão (.json, .pdf) ou MIME (application/json, image/png). Inclui formatos comuns para web, áudio, vídeo, fontes e documentos. Tudo no navegador.
Keycode Info
Pressione qualquer tecla e veja `event.key`, `event.code`, `keyCode`, `which` e `location`. Útil para criar atalhos, jogos e formulários que reagem a teclado. Tudo no navegador.
Regex Cheatsheet
Referência rápida das principais expressões regulares — quantificadores, classes, âncoras, grupos, lookarounds, flags. Com exemplos clicáveis e explicação. Tudo no navegador.
Git Cheatsheet
Lista pesquisável dos comandos git mais usados — config, commit, branch, merge, rebase, stash, log, remote, reset. Com exemplos copiáveis e descrição. Tudo no navegador.
Markdown Cheatsheet
Consulta rápida de sintaxe Markdown, com filtro por palavra: títulos, listas, links, tabelas, código e mais. Mostra a sintaxe crua ao lado do que ela significa.
Gerador de .htpasswd
Gere linhas de .htpasswd para autenticação básica do Apache/Nginx. Suporta hashes MD5 (apr1), SHA1 e bcrypt. Cole o resultado direto no arquivo. Tudo no navegador.
Gerador de Basic Auth
Gere o header HTTP `Authorization: Basic <base64>` a partir de usuário e senha. Útil para testar APIs com basic auth via curl, Postman ou fetch. Tudo no navegador.
Gerador de .editorconfig
Gere um arquivo .editorconfig com indent_style, charset, end_of_line e trim_trailing_whitespace. Padroniza editores em equipes. Tudo no navegador.
Gerador de .gitignore
Gere um .gitignore combinando templates por linguagem/IDE — Node, Python, Java, Go, Rust, .DS_Store, JetBrains, VSCode etc. Tudo no navegador.
Gerador de Dockerfile
Monte um Dockerfile a partir de templates comuns: Node, Python, Go, Static Nginx, com multi-stage opcional, healthcheck e usuário não-root. Tudo no navegador.
Gerador de GitHub Actions
Gere workflows YAML para GitHub Actions: CI Node, deploy estático, release semver, lint+test. Customize triggers e steps. Tudo no navegador.
Gerador de tsconfig.json
Gere um tsconfig.json customizado: target ES, módulo, strict, paths, JSX, declaração e mais. Validação contra opções inválidas. Tudo no navegador.
Gerador de package.json
Construa um package.json mínimo: name, version, description, scripts, license, repository, type (module/commonjs). Tudo no navegador.
Cron Parser (descrever expressão)
Cole uma expressão cron e veja em texto natural quando ela vai disparar (ex: "todo dia às 9h" para `0 9 * * *`). Lista as próximas N execuções. Tudo no navegador.
Calculadora de Especificidade CSS
Calcule a especificidade (a, b, c) de um seletor CSS — IDs, classes/atributos/pseudo-classes, elementos. Útil para entender por que sua regra não está aplicando. Tudo no navegador.
Gerador de Árvore ASCII
Cole uma estrutura indentada (espaços/tabs) e gere uma árvore ASCII pronta para README — ├──, └── etc. Tudo no navegador.
Gerador de TOC Markdown
Gere o sumário (table of contents) de um arquivo Markdown a partir das headings (#, ##, ###). Inclui anchors no estilo GitHub. Tudo no navegador.
Conversor de Unidades CSS
Converta entre px, em, rem, %, pt, vh, vw para valores comuns de design — base 16 px configurável. Tudo no navegador.
Construtor de Requisição HTTP
Monte uma requisição HTTP (URL, método, headers, body) e gere snippets em cURL, fetch, axios, Python requests e Go net/http. Tudo no navegador.
Visualizador de Regex (Quebrar)
Cole uma regex e veja a árvore de tokens (literais, classes, grupos, quantificadores) em ASCII — ajuda a entender expressões complexas. Tudo no navegador.
Construtor de Embed Discord
Monte embeds Discord (title, description, color, fields, footer, thumbnail) e exporte o JSON pronto para webhook. Inclui preview. Tudo no navegador.
Parser de Cookie HTTP
Cole um header Set-Cookie e veja nome, valor, Domain, Path, Expires, Max-Age, HttpOnly, Secure, SameSite separadamente. Tudo no navegador.
Parser de Content-Type
Decompõe um header Content-Type em mediatype, charset, boundary e demais parâmetros. Útil para depurar APIs e uploads.
Parser de Authorization
Identifica o esquema (Basic, Bearer, Digest) de um header Authorization e extrai o payload, decodificando Basic em base64.
Parser de Data URI
Quebra uma data: URI em mediatype, parâmetros, flag base64 e payload. Mostra o tamanho final em bytes do conteúdo decodificado.
Parser de Link Header
Decompõe um header Link (RFC 8288) listando cada URI com seus parâmetros (rel, type, title). Útil para APIs paginadas e Web Linking.
Parser de Cache-Control
Lê um header Cache-Control e mostra cada diretiva (max-age, no-cache, public, immutable, stale-while-revalidate) com explicação.
Parser de Range Header
Decompõe um header Range (bytes=0-499, bytes=-100 etc.) em ranges individuais com início, fim e tamanho.
Parser multipart/form-data
Cole um body multipart/form-data com seu boundary e veja cada parte (Content-Disposition, filename, Content-Type, tamanho).
Gerador de README.md
Monte um README.md profissional preenchendo nome, descrição, badges, instalação, uso, licença. Pré-visualização Markdown ao lado.
Gerador de PWA manifest.json
Monte um manifest.json para PWA (name, short_name, theme_color, background_color, display, icons) com pré-visualização.
Parser de UUID
Decompõe um UUID em versão (1, 3, 4, 5, 6, 7, 8), variant, e quando aplicável, timestamp e nó. Suporta UUIDs com e sem traços.
Parser de Snowflake ID
Decompõe um snowflake (Twitter, Discord) em timestamp, worker ID, datacenter ID e sequence. Mostra a data legível.
Parser de URN
Decompõe uma URN (urn:NID:NSS) em namespace identifier (NID) e namespace-specific string (NSS). Suporta r-component e q-component (RFC 8141).
Construtor de URI Template (RFC 6570)
Cole uma URI Template e os valores das variáveis e gere a URI expandida. Suporta level 1–4 (path, query, fragment).
Diff de Arquivos .env
Compara dois arquivos .env mostrando chaves presentes só em A, só em B e diferentes nos dois. Útil para detectar variáveis faltantes em deploy.
Semver Bump
Incrementa uma versão SemVer (major, minor, patch ou prerelease). Aceita formato com ou sem prefixo "v".
Encurtador / Expansor IPv6
Expande um IPv6 para a forma completa (8 grupos de 4 dígitos hex) ou contrai usando ::, removendo zeros à esquerda.
Escapador de Argumentos Shell
Escapa um argumento para uso seguro em comandos bash/sh, envolvendo em aspas simples e tratando aspas internas.
Analisador de Flags de Cookie
Analisa o cabeçalho Set-Cookie e identifica falhas de segurança comuns: falta de Secure, HttpOnly, SameSite — e sugere correções.
Parser de Especificador NPM
Analisa um especificador de pacote NPM (lodash, @scope/[email protected], github:user/repo) e extrai nome, escopo, versão e tipo (registry/git/url/file).
Visualizador de HAR
Lê arquivos HTTP Archive (HAR) colados e lista as requisições com método, status, URL e tempo. Útil para auditar performance.
Gerador Prettier Config
Gera um .prettierrc pronto com as escolhas mais comuns: aspas simples, sem ponto e vírgula, vírgula final e linha de 100 colunas.
Gerador ESLint (Airbnb)
Gere um .eslintrc.json com o preset Airbnb, o guia de estilo JavaScript mais popular. Padronize seu código React e Node e copie a configuração pronta.
Gerador ESLint (Standard)
Monte um .eslintrc.json com o preset Standard (sem ponto e vírgula, aspas simples, indentação de 2 espaços) pronto para colar no seu projeto. Roda no navegador.
Gerador tsconfig (Strict)
Gera um tsconfig.json com strict:true e configurações modernas para projetos TS.
Gerador tsconfig (Base)
Gera um tsconfig.json base sem strict mode, ideal para migrar projetos JS para TS gradualmente.
Gerador Webpack Config
Gera um webpack.config.js mínimo para bundling de aplicações JS modernas.
Gerador Rollup Config
Gera um rollup.config.js para empacotar bibliotecas em ESM e CommonJS, com os plugins node-resolve, commonjs e terser já configurados. Bloco fixo, pronto para ajustar.
Gerador esbuild Config
Gera um esbuild.config.js pronto para builds rápidos, com entry point, bundle, minificação, sourcemap e target já definidos. O formato de saída fica no padrão do esbuild.
Gerador Storybook main.js
Gere o .storybook/main.js para Storybook 7+ com React e Vite, pronto para usar. Copie a configuração e comece a documentar seus componentes em minutos.
Gerador Tailwind Config (CLI)
Gere um tailwind.config.js pronto para usar com a Tailwind CLI, com paths de conteúdo e tema configurados. Copie e comece a estilizar em segundos.
Gerador Prisma Init
Gera um schema.prisma inicial com datasource PostgreSQL e um modelo de exemplo.
Gerador Mongoose Init
Gere o arquivo de conexão Mongoose com MongoDB e um schema de exemplo, pronto para colar no seu projeto Node.js. Comece a modelar seus dados em segundos.
Gerador Sequelize Init
Gera o config/config.js do Sequelize ORM com os ambientes de desenvolvimento, teste e produção, todos no dialeto postgres. Copie e ajuste as credenciais.
Gerador TypeORM Init
Gere um data-source.ts inicial do TypeORM com conexão PostgreSQL pronta, em TypeScript. Copie o arquivo e comece a usar entidades e migrations no seu projeto.
Gerador Drizzle Init
Gera um drizzle.config.ts para o Drizzle ORM com dialeto PostgreSQL, pronto para migrations. Copie o arquivo e configure o seu schema type-safe.
Gerador vercel.json
Crie um vercel.json com rotas, redirects e cabeçalhos HTTP prontos para o deploy na Vercel. Configure tudo pelo navegador e cole no seu repositório.