kebab-case é a convenção de nomenclatura padrão para classes CSS, slugs de URL, atributos HTML e flags de CLI. Palavras são minúsculas e separadas por hifens: `perfil-usuario`, `background-color`, `meu-projeto-incrivel`.
Esta ferramenta converte qualquer texto para kebab-case instantaneamente. Seja gerando nomes de classes CSS a partir de variáveis JavaScript, criando slugs amigáveis para URL, ou nomeando argumentos CLI, basta colar seu texto e copiar o resultado. Ela lida com camelCase, PascalCase, snake_case, pontos, espaços e formatos mistos.
Como usar
1. Digite ou cole qualquer texto — camelCase, snake_case, PascalCase ou palavras simples
2. O resultado em kebab-case aparece destacado
3. Todos os outros formatos também são mostrados abaixo
4. Clique em "Copiar" para copiar o resultado kebab-case
Perguntas frequentes
O que é kebab-case?
kebab-case é uma convenção de nomenclatura onde as palavras são minúsculas e separadas por hifens. Exemplo: 'get-nome-usuario'. É chamado kebab-case porque os hifens parecem um espeto atravessando as palavras. É o padrão em CSS, URLs, atributos data HTML e argumentos CLI.
Como converter camelCase para kebab-case?
Cole seu texto camelCase (ex: 'getNomeUsuario') e a ferramenta divide nas fronteiras de maiúsculas, coloca tudo em minúsculo e junta com hifens para produzir 'get-nome-usuario'.
Quando devo usar kebab-case?
Use kebab-case para: nomes de classes CSS (.perfil-usuario), slugs de URL (/blog/meu-primeiro-post), atributos data HTML (data-id-usuario), flags CLI (--diretorio-saida), nomes de pacotes npm, e nomes de branches Git.
Qual a diferença entre kebab-case e snake_case?
Ambos separam palavras em minúsculas, mas kebab-case usa hifens (get-nome-usuario) enquanto snake_case usa underscores (get_nome_usuario). kebab-case é padrão em CSS e URLs; snake_case é padrão em Python e SQL.
Por que não posso usar kebab-case para nomes de variáveis na maioria das linguagens?
A maioria das linguagens de programação interpreta o hífen como operador de subtração, então 'get-nome-usuario' seria parseado como 'get menos nome menos usuario'. Por isso kebab-case é usado em CSS, HTML, URLs e arquivos de configuração — mas não em nomes de variáveis JavaScript, Python ou Java.