kebab-case Converter Online
Convert any text to kebab-case format instantly in your browser. This free tool runs entirely client-side — your text never leaves your device.
Text Case Converter
Convert text between camelCase, snake_case, kebab-case, and more. Results update as you type.
About Case Conversion
- Automatically detects word boundaries from camelCase, separators (hyphens, underscores, dots, slashes), and whitespace.
- Supports 11 case styles commonly used in programming, CSS, file paths, and documentation.
- Everything runs in your browser — no data is sent over the network.
What is kebab-case?
kebab-case is a naming convention where multi-word identifiers are written in all lowercase with words separated by hyphens. For example, "user first name" becomes "user-first-name". The name comes from the visual resemblance to food items on a skewer. It is also known as spinal-case, param-case, or lisp-case.
Where is kebab-case used?
kebab-case is the standard convention for URL slugs, CSS class names, HTML attributes, and file names in web development. Frameworks like Angular and Vue use kebab-case for component selectors. It is also required for npm package names, custom HTML element names, and CSS custom properties (variables).
Frequently Asked Questions
Why is kebab-case preferred for URLs?
Search engines like Google treat hyphens as word separators, so kebab-case URLs are better for SEO. The URL /user-profile-settings is parsed as three separate words, while /user_profile_settings or /userProfileSettings may not be split correctly.
Can I use kebab-case for JavaScript variable names?
No. JavaScript identifiers cannot contain hyphens because the minus sign is an operator. Use camelCase for JS variables. Kebab-case is used for CSS classes, HTML attributes, URL paths, and file names in JavaScript projects.