Kebab Case Converter — Free Online Tool
Last updated: January 2025
Your text is processed locally — we never store your data. Free forever, no signup.
0 characters
Your Kebab Case Converter result will appear here
What is Kebab Case Converter?
kebab-case joins words with hyphens in all lowercase — like this-is-kebab-case.
When to use Kebab Case Converter?
Use kebab-case for CSS class names, URL slugs, HTML data attributes, and file names in web projects.
How to use this tool
- 1Enter your text or phrase
- 2Click 'Convert' to get kebab-case
- 3Copy your URL-friendly slug
Examples
| Input | Output |
|---|---|
| Hello World | hello-world |
| backgroundColor | background-color |
| my_variable_name | my-variable-name |
| The Quick Brown Fox | the-quick-brown-fox |
| user_id_column | user-id-column |
Rules & Behavior
- All words are lowercase
- Words are separated by hyphens (-)
- Spaces and underscores are replaced by hyphens
Related Tools
Frequently Asked Questions
What is kebab-case?
kebab-case is a naming convention where words are all lowercase and separated by hyphens, resembling skewers on a kebab.
When is kebab-case used?
CSS class names, HTML id attributes, URL slugs, Lisp variables, and file names in many frameworks use kebab-case.
Is kebab-case the same as spinal-case or lisp-case?
Yes, they are the same thing — all lowercase words separated by hyphens. The names come from different communities.
Why is kebab-case good for URLs?
Search engines handle hyphens as word separators, making kebab-case URLs both readable and SEO-friendly.
Can I convert PascalCase to kebab-case?
Yes, our tool detects uppercase letters and inserts hyphens at the boundaries automatically.