Convertidor kebab-case
Hello World Example se convierte en hello-world-example, y getUserId en get-user-id. Los espacios, guiones bajos y signos de puntuación se reducen a un solo guion, así que nunca quedan guiones dobles. Gratis en su navegador.
- Gratis
- Funciona en su navegador
- Sin registro
- Sus datos no salen de su equipo
Ejecutar — gratis
Ejemplo resuelto
- Texto
- Hello World Example
- Resultado
- hello-world-example
- Entrada
- Hello World Example
- Formato kebab
- hello-world-example
- Caso kebab
- hello-world-example
minúsculas unidas con guiones, gratis
Qué significa kebab-case y cómo se dividen las palabras
Kebab-case es el estilo de nombres que escribe identificadores de varias palabras en letras minúsculas con un solo guion entre cada palabra: hello-world, user-profile-settings, convert-to-kebab-case. Es la forma convencional para nombres de clases CSS, muchos atributos personalizados HTML, nombres de paquetes al estilo npm y segmentos de ruta de URL legibles cuando se prefieren guiones en lugar de guiones bajos. Este convertidor construye esa forma a partir de texto libre.
La entrada restante se divide en tokens: las rachas de espacios, guiones bajos, guiones y otros caracteres no alfanuméricos actúan como separadores; los límites camelCase y PascalCase insertan un corte extra de modo que getUserId se convierte en get, user e id en lugar de un token opaco. Cada token se pasa a minúsculas y se eliminan los segmentos vacíos; luego los tokens se unen con un solo guion para que los separadores repetidos no produzcan guiones dobles.
La puntuación pura sin letras ni dígitos también falla la validación, porque no quedaría nada que unir.
Consejos prácticos, límites y cuándo usar esta herramienta
Use esta capacidad cuando la intención de búsqueda sea convertir a kebab-case, hacer hyphen-case o transformar una frase en palabras en minúsculas unidas por guiones. Tenga en cuenta los identificadores no ASCII intencionados: solo permanecen letras y dígitos ASCII dentro de los tokens, de modo que los caracteres fuera de ese conjunto actúan como separadores en lugar de transliterarse—si necesita slugificación Unicode completa con eliminación de diacríticos, prefiera una herramienta dedicada de slug de URL.
Esta página no es un convertidor a title-case que capitaliza palabras mayores para titulares, ni un formateador de sentence-case, ni un servicio SEO de slug completo con tablas de transliteración por locale. Prefiera una herramienta title-case cuando humanos lean la cadena como titular; prefiera esta capacidad cuando las máquinas traten la cadena como un identificador con guiones.
Qué puede hacer con ella
Nombres de clases CSS y tokens de diseño
Convierta etiquetas de componentes o tokens en nombres de clase kebab-case estables antes de generar hojas de estilo o documentación del sistema de diseño.
Identificadores de rutas y atributos data
Normalice títulos de producto o página con mayúsculas mixtas en segmentos de ruta con guiones y valores data-testid.
Preguntas frecuentes
¿Qué es kebab-case?
Kebab-case escribe identificadores de varias palabras en minúsculas con un solo guion entre palabras, por ejemplo hello-world o user-profile-settings.
¿Cómo se dividen las palabras?
Espacios, guiones bajos, guiones y otras rachas no alfanuméricas separan palabras. Los límites camelCase y PascalCase también insertan cortes antes de pasar a minúsculas y unir.
¿Qué ocurre con la entrada vacía?
La entrada sin letras ni dígitos tras la división también falla la validación.
¿Es lo mismo que un generador de slug de URL?
Relacionado pero no idéntico. Esta herramienta se centra en tokens en minúsculas con guiones a partir de una frase. Las herramientas de slug dedicadas también pueden eliminar diacríticos o aplicar reglas de transliteración por locale.
¿El convertidor kebab-case es gratuito?
La herramienta del navegador es gratuita y se ejecuta en local.
Herramientas relacionadas
Para desarrolladores — acceso por API
Todo lo de esta página está disponible por programación. Esta sección es para equipos que quieren integrarlo en sus sistemas; el resto puede usar la herramienta de arriba sin más.
Endpoint de API
¿Prefiere automatizarlo? Un POST autenticado crea la tarea; el resultado llega por webhook o enlace firmado. La misma capacidad también se ejecuta aquí en la web, por email y desde Telegram — y pronto también desde nuestra app.
Llámela desde su stack
curl -X POST https://api.kit.forhosting.com/str/kebab-case \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"text":"Hello World Example"}'const res = await fetch("https://api.kit.forhosting.com/str/kebab-case", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"text": "Hello World Example"
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/str/kebab-case",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"text": "Hello World Example"
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/str/kebab-case", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"text":"Hello World Example"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"text":"Hello World Example"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/str/kebab-case", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)Ejemplo de solicitud
{
"text": "Hello World Example"
}Ejemplo de respuesta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "str.kebab_case",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}La API es asíncrona: la llamada devuelve un task_id al instante y el resultado llega por webhook. El polling está limitado a 1 req/s por tarea.
Precio
Precio publicado — sin tokens ni créditos inventados. Una tarea fallida no se cobra.
Límites
max_chars | 100000 |
Errores
| HTTP | Código | Significado |
|---|---|---|
401 | unauthorized | API key ausente o inválida. |
402 | insufficient_balance | El saldo no cubre el precio de la tarea. |
404 | unknown_type | El tipo de tarea no existe. |
429 | rate_limited | Demasiadas peticiones. Use el webhook en vez de sondear. |
Notas técnicas
Un convertidor kebab-case transforma una frase en un identificador en minúsculas separado por guiones, el formato que esperan las clases CSS, los atributos data de HTML, los nombres de paquetes y muchos segmentos de rutas de API. Introduzca cualquier cadena no vacía—títulos, identificadores camelCase, campos snake_case o etiquetas de varias palabras—y la herramienta devuelve un resultado kebab-case determinista con las palabras en minúsculas unidas por guiones simples. La entrada vacía o solo con espacios se rechaza con un error claro invalid_input para que las canalizaciones no traten una cadena en blanco como una conversión correcta. La ruta es lógica de cadena pura—sin red, sin semillas aleatorias, sin dependencia del reloj—de modo que el ejecutor gratuito del navegador y la API prepago devuelven el mismo JSON cada vez que se invoca.
Qué significa kebab-case y cómo se dividen las palabras
Primero se recortan los espacios iniciales y finales; si no queda nada, la llamada falla con invalid_input en lugar de devolver una cadena de éxito vacía.
Cómo llamar a la API y qué contiene la respuesta
Prefiera enviar la frase en bruto en lugar de pre-hifenar a mano cuando desee el conjunto de reglas fijo; el convertidor colapsa separadores y estilos de mayúsculas mixtos en una forma normalizada. Envíe un cuerpo JSON con un campo de cadena obligatorio text (alias input, value, string, s y phrase). El valor debe ser una cadena no vacía tras recortar espacios y no debe superar cien mil caracteres para que una sola petición no agote la memoria del Worker o del navegador con pegados enormes. En caso de éxito la respuesta repite input como la cadena original enviada, text como la cadena de trabajo recortada, result como la salida kebab-case, kebab y kebab_case como la misma cadena bajo nombres alternativos para clientes que prefieran esas claves, word_count como el número de tokens tras dividir y filtrar, y message como un resumen breve que indica cuántas palabras se convirtieron. La validación fallida—text ausente, un valor que no es cadena, una carga excesiva, contenido vacío tras el recorte, o entrada sin caracteres alfanuméricos—devuelve invalid_input y nunca se cobra. El precio es un $0.002 fijo por petición exitosa con unidad item y precio marginal unitario cero.
Consejos prácticos, límites y cuándo usar esta herramienta
Pegue un nombre de componente, un encabezado o un campo snake_case legado, convierta una vez y deje el resultado en una clase de módulo CSS, un atributo data-testid o un segmento de ruta. Las comprobaciones de ida y vuelta para pruebas son sencillas: envíe Hello World Example y espere hello-world-example con word_count tres; envíe getUserId y espere get-user-id; envíe deliberadamente cadena vacía o espacios para confirmar invalid_input y el mensaje que pide una cadena no vacía. Las tareas fallidas que devuelven invalid_input no consumen saldo prepago, lo que mantiene barata la validación de formularios y las pruebas negativas de CI. Al enseñar convenciones de nombres, compare la misma frase como camelCase, snake_case y kebab-case para que los estudiantes vean por qué los ecosistemas front-end y CSS estandarizan guiones en lugar de mayúsculas o guiones bajos.
Casos de integración
Pruebas unitarias de formateadores de cadenas
Genere fixtures kebab-case de referencia y afirme que la entrada en blanco lanza invalid_input en CI.