kebab-case Converter

About this tool

Convert any phrase to kebab-case: all lowercase with words joined by hyphens, e.g. "User First Name" → "user-first-name". Common in URLs, CSS class names and file names.

Example

Input: User First Name

Output: user-first-name

How to use

Paste or type your text into the box above, then read or copy the result. Everything runs privately in your browser, your text is never uploaded to a server.

How to use this tool

1. Paste or type the phrase you want to turn into kebab-case.
2. Check that the text is the one you want to use for a URL, CSS class, or filename.
3. Read the converted kebab-case result shown by the tool.
4. Copy the output and paste it into your code, slug, class name, or file name.

Step by step, what happens

1. The tool reads your input as plain text, not as code, so it can handle normal phrases and labels.
2. It splits the phrase into words, then converts everything to lowercase.
3. It joins the words with hyphens, which creates kebab-case.
4. It keeps the result simple and consistent for use in URLs, CSS classes, and filenames.

Worked example

If you want a clean CSS class name from a normal label, this tool turns it into kebab-case.

Input: User First Name

1. The tool takes the three words in the input and treats them as separate parts.
2. It changes each word to lowercase and connects them with hyphens.
3. The final result is ready to copy into your code.

Tips and common mistakes

• Use plain words in the input if you want a predictable result, because punctuation and symbols can affect how parts are separated.
• If you are making a URL slug or CSS class, review the output before pasting it so it matches your naming style.
• Do not add extra spaces unless you want them treated as separators between words.
• If your source text has special characters, check the converted result carefully to make sure it still reads well.

Frequently asked questions