Menu

Menu

Convertir camel case a kebab case en línea

Convertidor de Camel case a Kebab case

¿Necesitas pasar de Camel case a Kebab case? Pega el texto arriba y verás el cambio al momento. Ejemplo: «Hello World Example» → «hello-world-example».

Cómo funciona

Words are lowercase and separated by hyphens (-).

Often used in HTML attributes, CSS classes, and route slugs. Teams often land here from Camel case searches when they already have a draft string and want reliable Kebab case output.

Ejemplo

Suppose you are cleaning up copy before publish:

  • Paste: Hello World Example
  • Choose Kebab case as the output style.
  • Second try: “Quick-Brown Fox” → “quick-brown-fox”.
You get: hello-world-example — ready to copy into your doc, CMS, or codebase.

Acerca de las unidades

Camel case

camelCase identifiers such as userProfileId.

Helpful reference when your source string already looks like Camel case.

Kebab case

Produces kebab-case tokens that work in URLs and CSS.

This page outputs Kebab case so you can paste into docs, UI, or repositories.

Cuándo usarlo

  • Normalize variable or file names when moving between languages and style guides.
  • Fix accidental caps lock in customer-facing headings before go-live.
  • Prepare slug-friendly strings for URLs, anchors, and design tokens.
  • Compare how a phrase looks in Camel case versus Kebab case before picking a convention.

Preguntas frecuentes

CSS class from camel property?

Use spaced words: `primary Button` → `primary-button`. `primaryButton` becomes `primarybutton` without spaces.

Route slug from camel route name?

Insert spaces at capitals mentally, paste `user Profile`, get `user-profile`.

npm package naming?

Scoped packages often use kebab; split camel names before converting.

Compare to lower + manual hyphen?

Kebab conversion replaces spaces/underscores with hyphens—plan your source spacing accordingly.

Conclusión

Use this Camel case to Kebab case page when you want fast, readable Kebab case text without a spreadsheet formula or manual retyping. Bookmark it for the next time design, marketing, or engineering needs the same casing call.