Replace Spaces with Hyphens
A free online tool that replaces spaces with hyphens to produce hyphenated text, also known as kebab-case. Paste any string and the converter swaps every space for a hyphen and lowercases the result. Useful for URL slugs, CSS class names, and file names.
How to Use the Hyphenated (kebab-case) Converter
Type or paste your text into the box above. The hyphenated output appears instantly. Click the copy button to send the result to your clipboard.
Examples: My Blog Post Title becomes my-blog-post-title. HTTP Request Handler becomes http-request-handler. Save File Path becomes save-file-path. Existing hyphens, underscores, and special characters are preserved or normalized.
What Is Hyphenated (kebab-case)?
Hyphenated text (kebab-case) is a naming convention where words are joined with hyphens and every letter is lowercase. It is the dominant convention for URL slugs (Google prefers hyphens over underscores), CSS class names, Vue and Web Component tag names, npm package names, and most modern CLI flags.
When to Use Hyphenated (kebab-case)
Use hyphens for URL slugs (search engines treat hyphens as word separators but not underscores), CSS class names, HTML element IDs that need to read well, file names for cross-platform compatibility, and CLI flag names. For variables and function names use camelCase or snake_case instead.
Other Text Converters
For other text transformations: title case converter, sentence case, lowercase, UPPERCASE, camelCase, snake_case, dot.case, hyphenated (kebab-case), and invert case.
