kebab-case Converter

Lowercase words joined by hyphens, like my-blog-post-title. Perfect for URL slugs, CSS classes and file names.

Your text

Result

How to convert to kebab-case

Paste a title, phrase or list of names into the top box.
The kebab-case version appears below instantly, line by line.
Copy it into your URL field, stylesheet or file name.

Examples

Input	kebab-case
10 Easy Recipes for Busy Weeknights!	`10-easy-recipes-for-busy-weeknights`
primaryButtonLarge	`primary-button-large`
Product_Image_Main	`product-image-main`

Where kebab-case is used

URLs and slugs: WordPress, Shopify and most website builders use hyphenated slugs.
CSS: class names like .card-header and every built in property like font-size.
HTML attributes: data-user-id, aria-label and custom elements like <my-widget>.
npm packages and Git repositories: names such as react-router.
Command line options: flags like --dry-run.

Tips for SEO friendly slugs

A good slug is short and tells people what the page is about. After converting, consider removing filler words. For example, 10-easy-recipes-for-busy-weeknights works fine, but easy-weeknight-recipes is shorter and will not look outdated if you later add an eleventh recipe. Avoid dates in slugs for content you plan to update.

Frequently asked questions

What is kebab-case?

kebab-case writes words in lower case with a hyphen between each one, like main-navigation or how-to-bake-bread. The words look like pieces of food on a skewer, which is where the name comes from.

Can I use this to make URL slugs?

Yes. Paste your page title and you get a clean slug. Punctuation, quotes and emoji are removed. Accented letters are kept, so if you want plain ASCII URLs, replace letters like é with e afterwards.

Are hyphens or underscores better in URLs?

Hyphens. Google treats a hyphen as a space between words, so "red-shoes" is read as "red shoes". An underscore joins words together, so "red_shoes" may be read as one word.

Is kebab-case the same as spinal case or dash case?

Yes. Spinal case, dash case, lisp case and hyphen case are all other names for the same thing.