kebab-case Converter

Free online kebab-case converter. Turn any text, title, or variable name into kebab-case — all lowercase with words joined by hyphens, like my-blog-post or main-nav-link — perfect for URL slugs, CSS class names, and HTML attributes. Copy the result with one click. No uploads, no sign-up, and your text never leaves your device.


    

  

  

    
    
    
  



    

    

      
ToolsSoup’s kebab-case Converter is a free online tool that rewrites any text in kebab-case: it lowercases every word and joins them with hyphens instead of spaces. So “My Blog Post”, “myBlogPost”, and “my_blog_post” all become my-blog-post. It is the format you want for clean URL slugs, CSS class names, HTML data attributes, and file names. Paste a page title, a component name, or a camelCase or snake_case identifier, click the button, and you get a hyphen-separated, lowercase string ready to drop straight into your routes or stylesheets. Everything runs in your browser — there are no uploads, no sign-up, and no character limit, and your text never leaves your device.

      

        
What is kebab-case?

        
kebab-case is a naming style where every word in a phrase is lowercase and the words are joined with hyphens instead of spaces, like my-blog-post, primary-button, or get-user-data. The name comes from the words looking like pieces skewered on a kebab. Because hyphens are safe and readable in web addresses and stylesheets, kebab-case is the standard for URL slugs, CSS class and custom-property names, and HTML attribute values. It differs from snake_case, which uses underscores between words, and from camelCase and PascalCase, which drop the separators and use capital letters to mark word boundaries. kebab-case is sometimes called dash-case, hyphen-case, or spinal-case.

        
      

      

        
How to convert text to kebab-case

        
Turning a phrase or identifier into kebab-case takes just a few seconds:

        
  1. Type directly into the text box or paste the text you want to convert.
  2. Click Convert to kebab-case to lowercase the words and join them with hyphens.
  3. Review the kebab-case result in the output box on the right.
  4. Click Copy result to copy the kebab-case slug to your clipboard.

      

      

        
When should you use kebab-case?

        
Reach for kebab-case whenever you need a lowercase, hyphen-separated string for the web: SEO-friendly URL slugs and page paths, CSS class names and custom properties, HTML id and data attribute values, and file names that stay readable across operating systems. It is the default style many frameworks expect for component file names and route segments. Because the converter accepts spaced text, camelCase, PascalCase, and snake_case as input, it is a quick way to turn a human-readable title into a tidy slug or to normalize mixed naming into one consistent kebab-case style without retyping anything.

        
      

      

        
Why use this kebab-case converter?

        
  • Turns titles and phrases into clean, lowercase, hyphen-separated slugs in one click.
  • Joins every word with a single hyphen — ideal for URLs, CSS classes, and HTML attributes.
  • Splits camelCase, PascalCase, and snake_case too, so myBlogPost becomes my-blog-post correctly.
  • Handles each line on its own, so you can convert a whole list of titles or class names at once.
  • No character limit and an instant one-click copy.
  • Runs entirely in your browser — your text is never uploaded or stored.

      

      

        
Frequently asked questions

        

          
How do I convert text to kebab-case?

          
Paste your text into the box and click Convert to kebab-case. The tool splits the text into words, lowercases each one, and joins them with hyphens. The kebab-case result appears in the output box ready to copy with one click.

        

        

          
What is kebab-case?

          
kebab-case writes a phrase in all lowercase with words joined by hyphens, such as my-blog-post or main-nav-link. It is the standard naming style for URL slugs, CSS class names, and HTML attribute values because hyphens are safe and readable on the web.

        

        

          
Is kebab-case good for URL slugs?

          
Yes. kebab-case is the preferred format for SEO-friendly URLs: search engines treat hyphens as word separators, so a slug like /how-to-bake-bread reads clearly to both people and crawlers, unlike underscores or run-together words.

        

        

          
What is the difference between kebab-case and snake_case?

          
kebab-case joins words with hyphens (my-blog-post) while snake_case joins them with underscores (my_blog_post). kebab-case is used for URLs, CSS, and HTML, whereas snake_case is common for Python variables and database columns where hyphens are not allowed in identifiers.

        

        

          
Can it convert camelCase or snake_case to kebab-case?

          
Yes. The converter treats spaces, underscores, and the boundaries between lowercase and uppercase letters as word breaks, so myBlogPost, my_blog_post, and “My Blog Post” all become my-blog-post.

        

        

          
Can I convert several titles at once?

          
Yes. Each line is converted on its own, so you can paste a list of titles or class names and get one kebab-case slug per line in a single click.

        

        

          
Is my text private?

          
Absolutely. All conversion happens locally in your browser using JavaScript, so the text you enter is never sent to or stored on any server.