Conversor de camelCase a kebab-case — Gratis online

Convierte de camelCase a kebab-case al instante: pega el nombre de una variable, función o columna y copia el resultado, con ejemplos.

Converter

camelCase, snake_case, kebab-case y Cada Estilo Intermedio

Convierte un identificador o frase entre 17 convenciones de mayúsculas

—

Los resultados se ofrecen solo con fines informativos y pueden contener errores. Verifica la información importante de forma independiente. El uso de esta herramienta es bajo tu propia responsabilidad.

Cómo convertir de camelCase a kebab-case

Convierte nombres en camelCase a kebab-case al instante. Escribe o pega el nombre de una variable, función o columna y obtén la versión en kebab-case mientras escribes.

  1. Escribe o pega un nombre en camelCase, por ejemplo mainNavItem, en el cuadro de arriba.
  2. La versión en kebab-case aparece enseguida: mainNavItem se convierte en main-nav-item.
  3. Copia el resultado o elige uno de los 17 estilos de nombres en los cuadros de origen y destino.

Cómo funciona la conversión

El conversor primero divide el nombre en palabras: en cada mayúscula, guion bajo, guion, punto y espacio. Después escribe las palabras en kebab-case: todas las palabras en minúsculas, unidas con guiones. Las secuencias de mayúsculas como HTTP se mantienen juntas como una sola palabra, y los dígitos quedan unidos a la palabra a la que siguen.

Ejemplos de camelCase a kebab-case

camelCasekebab-case
getUserByIdget-user-by-id
firstNamefirst-name
parseHTTPResponseparse-http-response
isValidis-valid
totalPriceUsdtotal-price-usd
address2Lineaddress2-line

Qué son camelCase y kebab-case

camelCase empieza con una palabra en minúsculas y pone en mayúscula la inicial de cada palabra siguiente, sin separadores. Es el estándar para variables y funciones en JavaScript, Java, C# y Swift.

kebab-case escribe todas las palabras en minúsculas y las une con guiones. Se usa en URL, clases de CSS, atributos HTML y nombres de archivo.

Preguntas frecuentes

¿Qué pasa con siglas como HTTP o ID?

Una secuencia de mayúsculas se trata como una sola palabra, así que parseHTTPResponse se convierte en parse_http_response en snake_case.

¿Cambia el significado de mi código?

No. Solo reescribe el nombre. Recuerda cambiarlo en todos los lugares donde se usa, o tu código buscará el nombre antiguo.

¿Qué estilo debo usar?

Sigue la convención de tu lenguaje o proyecto: camelCase en JavaScript y Java, snake_case en Python, Ruby y SQL, y kebab-case en URL y CSS.

¿Esta herramienta es gratuita?

Sí, es gratis. Sin registro ni correo electrónico. Obtén el resultado en esta página.

¿Cómo obtengo el resultado?

Usa la herramienta en esta página. El resultado aparece aquí, sin envío por correo electrónico.