ToolPuma Logo

kebab-case Converter

Convert text to kebab-case format.

What Is a kebab-case Converter?

The kebab-case Converter joins words with hyphens, like my-component-name. kebab-case is widely used for URLs, HTML and CSS class names, and package names because hyphenated slugs are clean and readable. This free online text tool is useful for kebab-case converter, kebab case generator, slug converter. Common use cases include SEO-friendly URLs, slugs, CSS classes, HTML attributes, file names, and package names. It works directly in the browser, making it convenient for quick writing, editing, content, development, and data-preparation tasks without requiring a separate application.

How to Use This kebab-case Converter

  1. 1
    Paste the textEnter the title, sentence, phrase, variable name, or identifier you want to transform.
  2. 2
    Choose the caseSelect the output style that matches your writing or programming convention.
  3. 3
    Review the conversionCheck word boundaries, acronyms, proper nouns, and existing capitalization.
  4. 4
    Copy the resultUse the transformed text in your document, code, URL, CSS, database, or content.
  5. 5
    Keep the original availableIf capitalization carries meaning, compare the result before publishing or committing it.

Frequently Asked Questions

'my page title' becomes 'my-page-title'.
In file names, URLs, and CSS/HTML class names like .nav-item or <my-component>.
Yes, kebab-case and hyphen-case describe the same hyphen-separated style.