Skip to content
Case Converters

kebab-case Converter

Convert words or camelCase into kebab-case, with small letters and hyphens. Great for CSS classes and URLs. Paste many lines at once.

Something not working? Report a problem

What is the kebab-case Converter?

kebab-case writes words in small letters with a hyphen between them, like "main-menu-item". It is the usual style for CSS class names, HTML attributes and web page addresses.

Paste plain words or other naming styles. Each line is converted on its own.

How to use it

  1. Type or paste your text in the left box.
  2. The result shows on the right as you type. Each line becomes a kebab-case name.
  3. Press Copy or Save to take the text away.

Why people like this tool

Many lines

Each line is converted by itself.

CSS ready

Perfect for class names and file names.

Splits camelCase

mainMenu becomes main-menu.

Private

Nothing leaves your browser.

How it works, in one picture

Infographic: how to use the kebab-case Converter in 3 easy steps: Add your text, Choose your options and Copy the result. You get: Many lines, CSS ready, Splits camelCase and Private.

Frequently asked questions

What is kebab-case?
It is a naming style with small letters and hyphens between words, like "my-class-name".
Where is it used?
In CSS classes, HTML data attributes, file names and web addresses.
Is it the same as a URL slug?
Almost. For full page addresses use our Slugify URL Generator, which also removes accents and signs.

You may also like