Menu

Menu

Convertir camel case en kebab case en ligne

Convertisseur Camel case → Kebab case

Vous cherchez à passer du Camel case au Kebab case ? Collez votre texte dans l’outil : le résultat se met à jour en direct. Exemple : « Hello World Example » devient « hello-world-example ».

Comment fonctionne la conversion

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.

Exemple pas à pas

Exemple avant publication :

  • Coller : Hello World Example
  • Choisir Kebab case comme style de sortie.
  • Second try: “Quick-Brown Fox” → “quick-brown-fox”.
Résultat : hello-world-example — prêt à copier.

À propos des unités

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.

Cas d’usage fréquents

  • Harmoniser noms de variables ou fichiers entre équipes.
  • Corriger une coquille de casse dans un titre client.
  • Préparer des chaînes pour URL ou design system.
  • Comparer Camel case et Kebab case avant de figer une convention.

Foire aux questions

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.

Conclusion

Gardez cette page Camel case → Kebab case pour obtenir du Kebab case lisible sans retaper à la main.