kebab-case es la convención de nomenclatura estándar para clases CSS, slugs de URL, atributos HTML y flags de CLI. Las palabras están en minúsculas y separadas por guiones: `user-profile`, `background-color`, `mi-proyecto-increible`.
Esta herramienta convierte instantáneamente cualquier texto a kebab-case. Ya sea que estés generando nombres de clases CSS desde variables JavaScript, creando slugs amigables para URLs, o nombrando argumentos de CLI, solo pega tu texto y copia el resultado. Maneja camelCase, PascalCase, snake_case, puntos, espacios y formatos mixtos.
Cómo usar
1. Escribe o pega cualquier texto — camelCase, snake_case, PascalCase o palabras simples
2. El resultado kebab-case aparece resaltado
3. Todos los demás formatos de caso también se muestran abajo
4. Haz clic en "Copiar" para copiar el resultado kebab-case
Preguntas frecuentes
¿Qué es kebab-case?
kebab-case es una convención de nomenclatura donde las palabras están en minúsculas y separadas por guiones. Ejemplo: 'obtener-nombre-usuario'. Se llama kebab-case porque los guiones parecen una brocheta atravesando las palabras. Es el estándar en CSS, URLs, atributos data de HTML y argumentos CLI.
¿Cómo convierto camelCase a kebab-case?
Pega tu texto camelCase (ej: 'obtenerNombreUsuario') y la herramienta lo divide en los límites de mayúsculas, pone todo en minúsculas y une con guiones para producir 'obtener-nombre-usuario'.
¿Cuándo debo usar kebab-case?
Usa kebab-case para: nombres de clases CSS (.user-profile), slugs de URL (/blog/mi-primer-post), atributos data de HTML (data-user-id), flags de CLI (--output-dir), nombres de paquetes npm y nombres de ramas Git.
¿Cuál es la diferencia entre kebab-case y snake_case?
Ambos separan palabras en minúsculas, pero kebab-case usa guiones (obtener-nombre-usuario) mientras que snake_case usa guiones bajos (obtener_nombre_usuario). kebab-case es estándar en CSS y URLs; snake_case es estándar en Python y SQL.
¿Por qué no puedo usar kebab-case para nombres de variables en la mayoría de lenguajes?
La mayoría de lenguajes de programación interpretan el guión como operador de resta, así que 'obtener-nombre-usuario' se parsearía como 'obtener menos nombre menos usuario'. Por eso kebab-case se usa en CSS, HTML, URLs y archivos de configuración — pero no en nombres de variables de JavaScript, Python o Java.