This tool converts text into kebab-case — lowercase words joined by hyphens — ideal for CSS classes and URLs, in your browser.
How to use it
- Paste any text or identifier.
- It becomes lowercase-hyphenated.
- Copy the kebab-case result.
About kebab-case Converter
kebab-case is the convention for CSS class names, URL slugs and many config keys. This tool lowercases your text and joins the words with hyphens, stripping other characters, to produce a clean kebab-case string. It runs entirely in your browser, so your text stays private.
FAQ
What is kebab-case?
Lowercase words separated by hyphens, like my-component-name — common in CSS and URLs.
Does it remove special characters?
Yes — non-alphanumeric characters become hyphens, then leading/trailing hyphens are trimmed.
How is it different from a slug?
It is essentially a slug; for accent folding too, use the slugify tool.