Conversor de kebab-case Converta texto para kebab-case para classes CSS, URLs e nomes de arquivos.
Conversor de kebab-case
Converta texto para kebab-case para classes CSS, URLs e nomes de arquivos.
Insira o Texto
Digite ou cole o texto para converter em kebab-case.
Visualize o Resultado
Veja a saída em minúsculas e hifenada instantaneamente.
Copie e Use
Copie para usar em classes CSS, URLs ou nomes de arquivos.
What Is Conversor de kebab-case?
Um conversor de kebab-case transforma texto no formato kebab-case, onde todas as letras estão em minúsculas e as palavras são separadas por hífens. O kebab-case é a convenção padrão de nomenclatura para nomes de classes CSS, atributos HTML, slugs de URL, nomes de pacotes npm e nomes de arquivos em muitos frameworks. Exemplos: "Hello World" se torna "hello-world", "backgroundColor" se torna "background-color". O nome vem da semelhança visual das palavras espetadas por um hífen, como itens em um espeto de kebab.
Why Use Conversor de kebab-case?
-
Padrão para nomes de classes CSS e propriedades personalizadas
-
Formato exigido para slugs de URL na maioria dos frameworks web
-
Usado para nomes de pacotes npm e nomes de branches Git
-
Formato mais legível para identificadores compostos em contextos web
-
Lida com a conversão de qualquer formato de entrada
Common Use Cases
Classes CSS
Formate os nomes das classes seguindo as convenções de nomenclatura do BEM ou do padrão CSS.
Slugs de URL
Crie caminhos de URL amigáveis para SEO a partir de títulos de página ou cabeçalhos de conteúdo.
Pacotes npm
Formate os nomes dos pacotes seguindo a convenção kebab-case do npm.
Nomenclatura de Arquivos
Nomeie arquivos em kebab-case para frameworks baseados em componentes, como Angular e Vue.
Technical Guide
A conversão para kebab-case segue o mesmo algoritmo de divisão de palavras que o snake_case, mas une as palavras com hífens em vez de sublinhados. A entrada é dividida em espaços em branco, sublinhados, pontos, hífens existentes e transições de caso. Todas as palavras são convertidas para minúsculas e unidas com hífens simples. Hífens consecutivos são combinados e hífens principais/finais são removidos. O algoritmo lida corretamente com entrada em camelCase ("backgroundColor" → "background-color"), PascalCase ("PageTitle" → "page-title") e formatos mistos. Observe que os identificadores kebab-case não podem ser usados diretamente como nomes de variáveis na maioria das linguagens de programação porque o hífen é o operador de subtração.
Tips & Best Practices
-
1Propriedades CSS são nativamente kebab-case: background-color, font-size, border-radius
-
2A metodologia BEM usa kebab-case com hifens duplos: block__element--modifier
-
3URLs em kebab-case são preferidas para SEO em vez de sublinhados ou camelCase
-
4Em JavaScript, acesse propriedades kebab-case com notação de colchetes: obj["my-prop"]
-
5Angular usa kebab-case para seletores de componentes (app-user-profile)
Related Tools
Conversor de camelCase
Converta texto para camelCase para variáveis e nomes de funções em JavaScript.
📝 Text Tools
Conversor de PascalCase
Converta texto para PascalCase para nomes de classes e nomenclatura de componentes.
📝 Text Tools
Conversor de snake_case
Converta texto para snake_case para variáveis Python e colunas de banco de dados.
📝 Text Tools
Conversor de dot.case
Converta texto para o formato dot.case para chaves e propriedades de configuração.
📝 Text Tools
Gerador de Slug
Gere slugs amigáveis a URLs a partir de texto com separadores personalizáveis.
📝 Text ToolsFrequently Asked Questions
Q O que é kebab-case?
Q Por que não posso usar kebab-case para variáveis JavaScript?
Q Kebab-case é melhor do que snake_case para URLs?
Q E quanto às propriedades personalizadas CSS?
Q Como o BEM se relaciona com kebab-case?
About This Tool
Conversor de kebab-case is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.