kebab-case Converter — Convert Text to kebab-case Online
Convert text to kebab-case (hyphen-separated lowercase) format. Standard for CSS class names, HTML attributes, URL slugs, and file names in many frameworks.
Key Features
Converts phrases, camelCase words, and titles to hyphen-separated kebab-case
Lowercases all letters and substitutes spaces and punctuation with hyphens
Strips illegal characters and collapses multiple hyphens into single dashes
Standard format for CSS classes, Vue/React component files, and URL segments
How to Use
Enter or paste your text phrase or identifier into the input area.
Click "Convert to kebab-case" to execute the transformation.
Inspect the hyphenated lowercase string in the output panel.
Copy the kebab-case identifier to your clipboard.
Example
Sample input
UserProfileId
Sample output
user-profile-id
Edge Cases
URL paths already containing slashes
Underscores converted to hyphens
Multiple delimiters collapsed
Frequently Asked Questions
What is kebab-case best used for?
Kebab-case is standard for CSS class selectors (e.g. .btn-primary), custom HTML tag names, URL paths, and file naming conventions in modern frameworks.
How does kebab-case differ from a URL slug?
They are structurally identical. However, slug generators often include language transliteration and stop-word filtering, whereas kebab-case focuses on identifier formatting.
Will consecutive spaces produce multiple dashes?
No. Redundant spaces and consecutive dashes are automatically collapsed into a single hyphen.
Privacy notice: when you run this tool, your input is sent over HTTPS to our server, processed in memory and returned. It is not stored or logged. Avoid pasting live secrets such as private keys or passwords.