kebab-case Converter

Turn any phrase into kebab-case — free, instant, runs in your browser.

Your text

0 words, 0 characters

What is kebab-case?

kebab-case writes every word in lowercase and joins them with hyphens. The words look as if they are skewered on the hyphens like pieces of a kebab — hence the name.

kebab-case examples

hello world example → hello-world-example
main navigation header → main-navigation-header
UserProfileCard → user-profile-card

Where is kebab-case used?

kebab-case is the standard style for URL slugs, CSS class names and HTML id and class attributes. Web component tag names must contain a hyphen, and many projects name files and CLI flags in kebab-case too — think main-header.css or the --dry-run flag.

kebab-case in code and on the web

Most programming languages read a hyphen as a minus sign, so kebab-case cannot be used for variables — camelCase or snake_case fill that role. For public URLs, however, kebab-case is the recommended choice: search engines treat hyphens as word separators, which makes slugs easier to read and index.

Common mistakes when converting case

Expecting editorial Title Case. The Title Case button capitalizes every word, including short ones: "the lord of the rings" becomes "The Lord Of The Rings". Style guides like AP and Chicago keep words such as "of", "the" and "and" lowercase, so adjust those by hand afterward.
Losing apostrophes. Word-based styles (Title Case, camelCase, PascalCase, snake_case, kebab-case, CONSTANT_CASE) split on anything that is not a letter or digit, so "don't stop" turns into "Don T Stop" or "don_t_stop". Remove or restore apostrophes after converting.
Sentence case and proper nouns. Sentence case lowercases the whole text, then capitalizes only the first letter of each sentence, so "i visited NASA in june. it was fun." becomes "I visited nasa in june. It was fun." Re-capitalize names and acronyms yourself.

Pro tips

Rescue a Caps Lock accident with InVeRsE CaSe. Text typed as "hELLO wORLD" while Caps Lock inverted your Shift key flips back to "Hello World" in one click.
Acronyms split cleanly. "HTMLParser" converts to "htmlParser" with camelCase and "html_parser" with snake_case, because the word splitter detects where an acronym ends and the next word begins.
Only letters alternate. In aLtErNaTiNg CaSe, digits, spaces and punctuation stay in place and do not break the pattern: "abc 123 def" becomes "aBc 123 dEf".

Frequently asked questions

Why is it called kebab case?

Because the lowercase words look skewered on their hyphens like meat on a kebab stick. The same style is also known as dash-case or, in older Lisp communities, lisp-case.

Is kebab-case or snake_case better for URLs?

kebab-case. Search engines treat a hyphen as a word separator but an underscore as a joiner, so 'case-converter' is indexed as two words while 'case_converter' is read as one.

Can I use kebab-case for JavaScript variables?

No. JavaScript and most other languages parse the hyphen as a subtraction operator, so identifiers use camelCase (or snake_case in Python and Ruby) instead.

Other case converters

Or switch between every style in one place on the Case Converter homepage.