NOPPAW

Kebab Case Converter

The Kebab Case Converter produces kebab-case — lowercase words strung together with hyphens, like words on a skewer. It is the standard for URL paths, CSS class names, HTML ids and file names on the web. Paste a page title or a camelCase identifier and get a clean, link-safe string back, with punctuation removed and accents stripped.

0 characters · 0 words · 0 lines

How to use Kebab Case Converter

  1. Type or paste a title, label or identifier.
  2. The kebab-case version appears in the result box immediately.
  3. Copy it into your URL, stylesheet or file name.

Supported behavior

  • Words are detected across spaces, underscores, dots and camelCase humps.
  • Apostrophes are dropped cleanly: 'don't' becomes 'dont'.
  • For full URLs with stop-word handling tips, the Slug Generator is the sister tool.

Best for

  • URL paths and anchor ids.
  • CSS class names and design-system tokens.
  • File and folder names for web projects.

Limits

  • Kebab-case keeps every word, including 'the' and 'and' — if you want shorter marketing URLs, review the result and trim filler words by hand.
  • Numbers are kept, so 'top 10 tips' becomes 'top-10-tips'.

Privacy notes

  • Processing happens entirely in your browser, so nothing you paste here is sent anywhere.
  • Everything is computed locally in your browser.

Related tools

Case Converter Convert Case See your text in every case style at once and copy the one you need. Case Converter Camel Case Converter Turn phrases into camelCase identifiers for code. Case Converter Snake Case Converter Turn phrases into snake_case for Python and databases. Case Converter Kebab Case Converter Turn phrases into kebab-case for URLs and CSS classes.

Kebab Case Converter FAQ

Is kebab-case the same as a URL slug?

Almost — a slug is kebab-case used as a URL. The Slug Generator adds options like choosing an underscore separator and toggling lowercase, but for most titles both tools give the same result.

Why is kebab-case used for CSS?

CSS itself uses kebab-case for property names (font-size, background-color), so class names in the same style read naturally and avoid the shift key entirely.

Can it fix an existing camelCase class name?

Yes — 'primaryButtonLarge' becomes 'primary-button-large' because camel humps count as word boundaries.