Kebab Case Converter
Convert text and variable names to kebab-case. Handles spaces, underscores, and camelCase, ideal for slugs and CSS classes.
Independently verified for accuracy
Calculator by Toolsloft ↗- kebab-case
- hello-world-example
Convert any text or variable name into kebab-case, the all-lowercase-with-hyphens style used for URL slugs, CSS class names, and HTML attributes. It reads spaces, underscores, and camelCase humps as word boundaries, so pasted names clean up in one step.
How this is calculated
The input is split into words at every run of non-alphanumeric characters and at each camelCase or acronym boundary, each word is lowercased, and the words are joined with a single hyphen. This produces the standard kebab-case form.
How to use
- Paste the text or identifier you want to convert.
- Read the kebab-case result.
- Copy it into your markup or URL.
Examples
- From camelCase:
camelCaseText becomes camel-case-text - From a phrase:
Hello World becomes hello-world
FAQ
- What is the difference between kebab-case and snake_case?
- They split words the same way. Kebab-case joins the lowercase words with hyphens, while snake_case joins them with underscores.
- Does it handle camelCase input?
- Yes. A lowercase or digit followed by an uppercase letter marks a new word, so "myValue" becomes "my-value".