Clean URL slugs and CSS class names use hyphens and lower case, which is tedious to format by hand.
Paste a title and this converter lower-cases it and joins the words with hyphens, ready to use as a slug.
How to use Kebab Case Converter
- Paste the title or phrase you want as a slug.
- Kebab Case Converter lower-cases the words and joins them with hyphens.
- Copy the kebab-case slug into your URL or class name.
Use cases
- Building a URL slug from an article title.
- Naming a CSS class from a component label.
- Creating a file-friendly hyphenated name.
Good to know
Kebab Case Converter lower-cases each token and joins them with single hyphens, so My Blog Post Title becomes my-blog-post-title. Runs of spaces and punctuation collapse into one hyphen, which keeps slugs clean. It is the usual style for URL paths and CSS class names, and multiple spaces never produce double hyphens.
Frequently asked questions
Is the output safe for URL slugs?
Yes. Lower-case words joined by single hyphens are a standard, readable slug format.
What happens to punctuation?
Punctuation is removed and word gaps become single hyphens.
Do multiple spaces create double hyphens?
No. Repeated spaces collapse into one hyphen.