Desenvolvimento
CSS Grid Generator
Design CSS Grid layouts visually — set columns, rows, gaps, spans, and alignment with a live preview and instant CSS output
Grid Container
Live Preview
1
2
3
4
5
6
7
8
9
Generated CSS
.grid-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 100px);
column-gap: 8px;
row-gap: 8px;
}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