kebab-case Converter Text
Turn any phrase into kebab-case for URLs, CSS and file names.
kebab-case Converter is a free online tool that turn any phrase into kebab-case for URLs, CSS and file names. It runs entirely in your web browser using plain JavaScript, so files are processed on your own device and never uploaded to a server. There is no sign-up, no file size limit imposed by the site, no watermark and no paid tier.
- Price
- Free — no account, no quota, no watermark
- Category
- Text
- Where it runs
- In your browser, on your device
- Files uploaded
- None
- Technology
- plain JavaScript
- Settings
- None — it just works
- Works offline
- Yes, after the first visit
About kebab-case Converter
kebab-case joins lowercase words with hyphens. It is the right form for URL slugs, CSS class names and custom HTML element names — the HTML spec actually requires a hyphen in any custom element name, so `<user-card>` is valid and `<usercard>` is not. Google has stated a preference for hyphens over underscores in URLs, because hyphens are treated as word separators and underscores are not.
How to use it
- Paste the text you want to run through kebab-case converter.
- There is nothing to configure — the result updates as you type.
Under the hood
| Runs on | plain JavaScript — runs the whole thing |
Questions
Why hyphens rather than underscores in URLs?
Search engines treat a hyphen as a word break and an underscore as a joiner, so `black-and-white` reads as three words and `black_and_white` reads as one. For anything meant to be found, use hyphens.
Can I use kebab-case for variable names?
Not in most languages — the hyphen parses as subtraction. Lisp and CSS custom properties are the notable exceptions.