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.

How to Use This kebab-case Converter

  1. 1
    Paste your textEnter words or an existing name.
  2. 2
    ConvertWords are joined with hyphens in lowercase.
  3. 3
    CopyCopy the kebab-case slug into your project.

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.