Conversor kebab-case: converta texto para kebab case online

O que é kebab-case

O kebab-case usa hifens no lugar dos espaços e mantém todas as letras minúsculas:

My Blog Post Title vira my-blog-post-title
backgroundColor vira background-color
user_profile_card vira user-profile-card

Como o conversor funciona

A ferramenta encontra as palavras de cada linha, passa tudo para minúsculas e junta com hifens. As palavras podem estar separadas por espaços, sublinhados, pontos ou barras, ou por letras maiúsculas, como no camelCase e no PascalCase. A pontuação é removida. Cada linha é convertida separadamente, então você pode colar uma lista de títulos ou de nomes de classes e receber uma lista correspondente.

Entrada	Resultado
My First Blog Post!	my-first-blog-post
backgroundColor	background-color
user_profile_card	user-profile-card
ProductListItem	product-list-item
10 Tips for Better Sleep	10-tips-for-better-sleep

Onde o kebab-case é usado

URLs: example.com/blog/my-first-post
CSS: nomes de classes como .nav-item e propriedades como font-size
HTML: atributos como data-user-id e nomes de elementos personalizados como <user-card>
Nomes de arquivos e pastas: principalmente em projetos web
Pacotes npm: os nomes de pacotes precisam estar em minúsculas, e o hífen é o separador mais comum
Opções de linha de comando: --dry-run, --no-cache

kebab-case para slugs de URL

O slug é a parte legível de um endereço da web que identifica a página. Bons slugs são curtos, em minúsculas e com hifens. Cole aqui o título da página para ter um ponto de partida e depois enxugue:

Converta o título: “10 Tips for Better Sleep” vira 10-tips-for-better-sleep.
Tire palavras desnecessárias se o slug estiver longo: tips-better-sleep.
Mantenha no slug a palavra-chave principal da página.

As minúsculas importam porque muitos servidores tratam /Minha-Pagina e /minha-pagina como dois endereços diferentes.

Em português há mais um cuidado: os acentos. Este conversor mantém letras como “ç” e “ã”, então “Promoção de Verão” vira promoção-de-verão. Esse endereço funciona, mas aparece codificado em muitos lugares (com sequências como %C3%A7), e por isso a maioria dos sites brasileiros usa slugs sem acento. Para isso, use o gerador de slug, que tira os acentos automaticamente.

Comparação com outros estilos

Estilo	Exemplo	Funciona em código?
kebab-case	user-first-name	Não, o hífen significa menos
snake_case	user_first_name	Sim
camelCase	userFirstName	Sim

Precisa de outro? Experimente o conversor snake_case ou o conversor camelCase.

Conversor kebab-case: perguntas e respostas

O que é kebab case?

Kebab case escreve um nome de várias palavras em minúsculas, com hifens entre as palavras, como em main-nav ou meu-primeiro-post. As palavras parecem pedaços de comida em um espetinho. Também é chamado de dash case, hyphen case, lisp case ou spinal case.

Por que hifens são melhores que sublinhados em URLs?

O Google recomenda hifens para separar palavras em URLs porque eles são tratados como quebra entre palavras, o que ajuda mecanismos de busca e pessoas a ler o endereço. Sublinhados podem ser lidos como se juntassem duas palavras em uma só.

Posso usar como gerador de slug para URL?

Pode. Cole o título de uma página e o conversor passa tudo para minúsculas, tira a pontuação e junta as palavras com hifens. 'My First Blog Post!' vira my-first-blog-post. As letras acentuadas ficam como estão, então “promoção de verão” vira promoção-de-verão. Se o seu site precisa de slugs só com ASCII, use o gerador de slug, que remove os acentos.

Posso usar kebab-case em nomes de variáveis?

Na maioria das linguagens, não. JavaScript, Python, Java e muitas outras leem o hífen como sinal de menos, então user-name significaria 'user menos name'. Use camelCase ou snake_case no código e deixe o kebab-case para URLs, CSS, atributos HTML e nomes de arquivos.

Conversor kebab-case

Converter para

Para código