kebab-case writes a compound name in all lowercase with hyphens between words, like user-profile-id. It is the standard format for CSS class names, custom HTML attributes, and URL path slugs.

How does it convert camelCase input?

The converter detects the lowercase-to-uppercase transitions inside camelCase and PascalCase strings, splits at those points, lowercases everything, and joins with hyphens. So userProfileId becomes user-profile-id.

Why use kebab-case for URLs?

Hyphens are the recommended word separator in URLs because search engines treat them as word breaks, while underscores are not always split. A clean hyphenated slug is more readable and better for SEO.

What is the difference from snake_case?

Only the separator differs: kebab-case uses hyphens (user-id) and snake_case uses underscores (user_id). Hyphens are not valid in most language identifiers, so kebab-case is reserved for CSS, markup, and URLs.

Is my text sent anywhere?

No. The conversion runs locally in your browser. Your text is never uploaded or stored.

kebab-case Converter

kebab-case is the conventional format for CSS class names, HTML attributes, and URL slugs: all lowercase, with hyphens between words. This converter turns any phrase or differently-cased identifier into clean kebab-case.

How it works

The input is normalised into a list of lowercase word tokens, then joined with hyphens. Word boundaries come from separators and from case transitions in camelCase or PascalCase input:

"User Profile Id" -> user-profile-id
"userProfileId"   -> user-profile-id
"user_profile_id" -> user-profile-id
"OpenAPISpec"     -> open-api-spec

Each word is lowercased before joining, producing a result that is safe to use directly as a class name or URL slug.

Tips and notes

Hyphens are preferred over underscores in URLs because search engines treat a hyphen as a word break, improving readability and SEO. Acronyms are lowercased during conversion, so parseHTML becomes parse-html. Note that kebab-case is not a valid identifier format in most programming languages — use snake_case or camelCase for variables and reserve kebab-case for markup, styling, and URLs.