chevron_right

Gerador Flexbox

Crie layouts CSS flexíveis com pré-visualização ao vivo e código pronto para copiar.

Direção

Quebra

Justificar conteúdo

Alinhar itens

Espaçamento (rem)

Base do item (px)

Pré-visualização ao vivo

CSS gerado

css

Ferramentas semelhantes

Gerador CSS Grid

Monte layouts CSS Grid responsivos com visualização ao vivo e código pronto para copiar.

Decodificador Unicode

Decodifique sequencias de escape Unicode para texto legivel.

Renomeador de colunas CSV

Renomeie cabeçalhos de colunas CSV com uma lista simples de mapeamento.

GIF para MP4

Converta arquivos GIF animados para o formato de video WebM/MP4 diretamente no seu navegador.

Compressor de vídeo

Comprima e reduza o tamanho de arquivos de vídeo diretamente no navegador usando MediaRecorder.

Gerador de IP aleatorio

Gere enderecos IPv4 e IPv6 aleatorios para testes e desenvolvimento com opcao publica ou privada.

Calculadora de IMC

Calcule seu Índice de Massa Corporal a partir da altura e peso. Suporta unidades métricas (kg/cm) e imperiais (lbs/pés).

apps

Mais ferramentas

Explore nossa colecao completa de ferramentas online gratuitas.

Ajuste layouts flexíveis visualmente sem decorar todas as combinações

Flexbox é ótimo para layouts em uma dimensão, mas a interação entre direção, wrap, alinhamento e espaçamento nem sempre é intuitiva. Este gerador deixa essas relações mais visíveis e ajuda a chegar ao CSS certo mais rápido.

Quando isso ajuda

Ele é ótimo para barras de navegação, filas responsivas de cartões e pilhas de conteúdo. Depois de gerar o CSS, vale testar com rótulos longos e alturas diferentes para confirmar que o layout funciona com conteúdo real.