Desenvolvimento
Gerador CSS Flexbox
Construa layouts flexbox visualmente — controle direção, wrap, alinhamento e propriedades por elemento com visualização ao vivo e CSS pronto para copiar
Container Properties
Live Preview
1
2
3
4
Item 1 Properties
Generated CSS
.container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
align-content: stretch;
gap: 8px;
height: 200px;
}
.item-1 {
}
.item-2 {
}
.item-3 {
}
.item-4 {
}Continue explorando
Outras ferramentas de Desenvolvimento que você pode gostar…
Formatador JSON
Formate, valide e minifique JSON com destaque de sintaxe e detecção de erros
Experimentar
Codificador/Decodificador Base64
Codifique texto ou arquivos em Base64 e decodifique strings Base64 em texto legível
Experimentar
Codificador/Decodificador de URL
Codifique e decodifique componentes de URL e parâmetros de query string
Experimentar
Gerador de UUID
Gere UUIDs aleatórios (v1, v4) ou gere múltiplos UUIDs em lote
Experimentar
Gerador de Hash
Gere hashes MD5, SHA-1, SHA-256, SHA-512 de texto ou arquivos
Experimentar
Testador de Regex
Teste expressões regulares com destaque de correspondências em tempo real
Experimentar
Decodificador JWT
Decodifique e inspecione JSON Web Tokens — header, payload e assinaturas
Experimentar
Formatador HTML
Formate e embeleze código HTML com indentação correta e destaque de sintaxe
Experimentar