Menu

Menu

Преобразовать camel case в kebab case онлайн

Camel Case to Kebab Case converter

Searching for a Camel Case to Kebab Case converter usually means you have messy text and need a dependable Kebab Case version fast. Paste anything in the box above—sentences, product names, or variable fragments—and the result updates live. As a quick check, “Hello World Example” becomes “hello-world-example”.

How this conversion works

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.

Worked example

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.

О единицах измерения

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.

When teams use this

  • 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.

Часто задаваемые вопросы

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.

Заключение

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.