Gerador de Glassmorphism CSS Crie efeitos de vidro fosco impressionantes com um editor visual ao vivo. Ajuste o desfoque de fundo, a transparência do fundo, a opacidade da borda, o raio da borda e a sombra da caixa em tempo real e veja o resultado instantaneamente em uma prévia colorida. Copie o CSS gerado ou um trecho completo de HTML+CSS pronto para o seu projeto, com prefixos de fornecedor para compatibilidade entre navegadores ...
Experimente a ferramenta »Gerador de Transformações CSS Construa visualmente propriedades de transformação CSS com prévia ao vivo. Ajuste os controles deslizantes de transformação 2D e 3D para girar, dimensionar, distorcer, transladar e perspectiva, e então copie o CSS gerado. Inclui um seletor de grade para origem da transformação, um alternador de prévia de animação e predefinições de um clique para efeitos comuns como inversões e inclinações. Como Usar Arraste os controles deslizantes para ajustar ...
Experimente a ferramenta »Conversor de CSS para Objeto de Estilo JavaScript O Conversor de CSS para Objeto de Estilo JavaScript transforma declarações CSS em objetos de estilo JavaScript e vice-versa. Se você está trabalhando com estilos inline do React, StyleSheets do React Native ou bibliotecas CSS-in-JS como styled-components e Emotion, esta ferramenta lida com a conversão instantaneamente — sem mais reescrita manual de camelCase. Como Usar Cole ...
Experimente a ferramenta »Construtor de Cabeçalho de Requisição HTTP Construa cabeçalhos de requisição HTTP visualmente. Adicione cabeçalhos comuns a partir de um menu suspenso (Authorization, Content-Type, Accept, Cache-Control, etc.), configure a autenticação (token Bearer, autenticação Basic, chave de API) e adicione cabeçalhos personalizados. A saída é um bloco de cabeçalho pronto para copiar, formatado para curl, fetch ou qualquer cliente HTTP. Como Usar Use o Adicionar Cabeçalho Comum ...
Experimente a ferramenta »Analisador de Frequência de Palavras Analise a frequência de palavras de qualquer texto — cole o conteúdo e veja instantaneamente uma tabela de frequência classificada, visualização de nuvem de palavras, estatísticas de texto e detalhamento de frequência de caracteres. Suporta análise de n-gramas (bigramas, trigramas), filtragem de stop words e exportação para CSV, JSON ou texto simples. Todo o processamento acontece no seu navegador. Como Usar Cole ...
Experimente a ferramenta »Formatador e Validador de Apache .htaccess Formate e valide arquivos .htaccess do Apache com indentação de blocos adequada, verificação de sintaxe e detecção de erros comuns. Cole o conteúdo do seu .htaccess e veja instantaneamente uma saída formatada de forma consistente com avisos de validação para blocos não fechados, tags incompatíveis, sinalizadores RewriteRule inválidos e muito mais. Inclui modelos de trechos comuns e uma referência de sinalizadores RewriteRule. Como ...
Experimente a ferramenta »Gerador de Esquema Zod de JSON Converta qualquer dado JSON em um esquema de validação Zod pronto para uso. Cole seu JSON e obtenha código Zod com tipos corretos, inferência de tipo recursiva, detecção de padrão de string para datas, UUIDs, e-mails e URLs, detecção automática de enum para campos com valores exclusivos limitados e tratamento de campo opcional ao processar matrizes de objetos. ...
Experimente a ferramenta »Gerador de Enum TypeScript Gere enums, objetos const e tipos de união TypeScript a partir de uma lista simples de valores. Cole seus valores, escolha um estilo de nomenclatura e formato de saída e obtenha código TypeScript pronto para uso com comentários JSDoc opcionais, guardas de tipo, mapeamentos reversos e matrizes de valores. Como Usar Insira seus valores um por linha ou separados por vírgula em ...
Experimente a ferramenta »Gerador de Filtro CSS O Gerador de Filtro CSS permite que você crie visualmente efeitos de filtro CSS com uma pré-visualização de imagem ao vivo. Ajuste as propriedades de filtro individuais usando controles deslizantes intuitivos e veja os resultados instantaneamente — sem adivinhações. Quando estiver satisfeito com a aparência, copie o código CSS gerado e cole-o diretamente em sua folha de estilo. Como Usar ...
Experimente a ferramenta »Conversor de CSS para Tailwind CSS O Conversor de CSS para Tailwind CSS transforma instantaneamente suas declarações CSS vanilla em classes utilitárias Tailwind. Cole qualquer código CSS e obtenha as classes Tailwind equivalentes mapeadas automaticamente — sem adivinhações, sem memorizar nomes de classes. O conversor lida com espaçamento, tipografia, cores, layout, flexbox, grid, bordas, sombras, transições e muito mais. Como ...
Experimente a ferramenta »Calculadora de Largura de Banda e Tempo de Download Calcule o tempo de download a partir do tamanho do arquivo e da velocidade da conexão, ou encontre a velocidade necessária para baixar um arquivo dentro de um objetivo de tempo. Suporta todas as unidades comuns de tamanho de arquivo e predefinições de velocidade (3G, 4G, 5G, Wi-Fi, banda larga), com percentual configurável de sobrecarga de protocolo. Como Usar Insira o tamanho do seu arquivo, selecione sua ...
Experimente a ferramenta »Codificador e Decodificador de Cifra de Vigenère Criptografe e descriptografe texto usando a cifra de Vigenère — a clássica cifra de substituição polialfabética outrora chamada “le chiffre indéchiffrable” (a cifra indecifrável). Insira seu texto e uma palavra-chave para obter resultados instantâneos com visualização passo a passo, tabula recta interativa e análise de frequência. Todo o processamento acontece no seu navegador. Como ...
Experimente a ferramenta »Renderizador de Tabela HTML de JSON Converta um array JSON de objetos em uma tabela HTML estilizada e interativa. Cole seus dados JSON e veja instantaneamente uma tabela renderizada com colunas classificáveis, estilos configuráveis, tratamento de objetos aninhados e controles de visibilidade de coluna. Exporte o resultado como HTML incorporável com CSS inline, formato de tabela CSV ou Markdown. Como ...
Experimente a ferramenta »Localizador de Pares de Cores Acessíveis Encontre cores de primeiro plano que atendam aos padrões de acessibilidade WCAG para qualquer cor de fundo. Insira uma cor de fundo e a ferramenta busca no espaço de cores HSL para gerar uma paleta de cores de texto que atingem conformidade de contraste AA ou AAA. Visualize cada par com texto de amostra, verifique combinações de cores específicas e exporte acessíveis ...
Experimente a ferramenta »Gerador de Folha de Sprite SVG Combine vários arquivos SVG em uma única folha de sprite para carregamento eficiente de ícones. Envie seus SVGs por meio de arrastar e soltar, visualize-os em uma grade, edite IDs de símbolos e baixe um arquivo de sprite combinado pronto para produção. Obtenha trechos de código de uso para as abordagens de fundo externo, inline e CSS. Opcionalmente, remova preenchimentos e traços ...
Experimente a ferramenta »Calculadora de Taxa de Bits de Vídeo Calcule a taxa de bits de vídeo recomendada para qualquer resolução, taxa de quadros, codec e nível de qualidade. Selecione entre resoluções padrão (480p a 8K) ou insira dimensões personalizadas, escolha seu codec (H.264, H.265, VP9, AV1, ProRes), defina a qualidade (streaming, alta, ultra) e veja instantaneamente a faixa de taxa de bits recomendada. Como Usar Selecione sua resolução de destino ...
Experimente a ferramenta »Construtor e Gerador de Cookies HTTP Construa cabeçalhos HTTP Set-Cookie corretos com um configurador visual. Defina nome, valor, domínio, caminho, expiração, SameSite, Secure, HttpOnly e outros atributos, em seguida, obtenha o cabeçalho Set-Cookie gerado, a string document.cookie e trechos de código de framework de servidor. Inclui um analisador de cookies para engenharia reversa de strings Set-Cookie existentes e configurações predefinidas para tipos comuns de cookies. ...
Experimente a ferramenta »Analisador e Analisador de Cabeçalhos de Email Analise e organize cabeçalhos de email brutos em um formato estruturado e legível. Cole os cabeçalhos de email para ver o caminho completo de entrega, resultados de autenticação (SPF, DKIM, DMARC), cabeçalhos MIME decodificados, análise de spam e tempo hop-a-hop. Todo o processamento ocorre no seu navegador — nenhum dado é enviado para nenhum servidor. Como Usar ...
Experimente a ferramenta »Calculadora de Permutação e Combinação Calcula permutações (nPr) e combinações (nCr) com resultados exatos usando aritmética BigInt — sem estouro mesmo para números grandes. Insira n e r para obter ambos os valores simultaneamente com detalhamentos passo a passo da fórmula. Inclui um visualizador do Triângulo de Pascal, calculador de permutação de multiconjuntos e enumeração completa de todos os arranjos para conjuntos pequenos. Como ...
Experimente a ferramenta »Calculadora de DPI / PPI Calcule a densidade de pixels (PPI/DPI) de qualquer tela a partir de sua resolução e tamanho diagonal físico. Insira a largura e a altura em pixels e o tamanho diagonal da tela em polegadas para ver instantaneamente pixels por polegada, passo do ponto, contagem total de pixels e uma tabela completa de propriedades de exibição. Como Usar Insira o display do seu ...
Experimente a ferramenta »Adicione ferramentas de IO ao seu navegador favorito para acesso instantâneo e pesquisa mais rápida
Placar é uma forma divertida de acompanhar seus jogos, todos os dados são armazenados em seu navegador. Mais recursos serão lançados em breve!
Atualizar: Nosso ferramenta mais recente was added on Mai 10, 2026
Ajude-nos a continuar fornecendo ferramentas gratuitas valiosas
