Free · No sign-up · Runs in your browser
kebab-case Converter
kebab-case joins lowercase words with hyphens: user-first-name. It is the standard for URL slugs, CSS class names, and file names. Paste a headline or identifier below and click kebab-case.
Example
Input
the quick brown fox jumps over the lazy dogOutput
the-quick-brown-fox-jumps-over-the-lazy-dogTurning a headline into a URL slug
- Paste your page title or headline into the box above.
- Click kebab-case — spaces become hyphens, capitals are lowercased, and punctuation is stripped.
- Copy the result and use it as the URL path for the page.
Why hyphens beat underscores in URLs
Google has stated for years that hyphens are treated as word separators in URLs while underscores are not — convert-case-online reads as three words, convert_case_online can be read as one. That makes hyphenated slugs meaningfully better for search. Hyphens are also easier to read at a glance and survive being underlined by a link style, which hides underscores completely.
Other places kebab-case is the convention
- CSS — class names, IDs, and custom properties (
--primary-color). - HTML — data attributes and custom element names, where a hyphen is actually required by the spec.
- Command-line flags —
--dry-run,--no-cache. - npm package names and most static-site file names.