🍢

Kebab Case Converter

Convert text to kebab-case format from any format — spaces, camelCase, PascalCase, or snake_case.

kebab-case
—
COBOL-CASE
—

About Kebab Case Converter

kebab-case uses hyphens to separate words with all letters in lowercase, resembling meat skewered on a kebab stick. It is widely used in URLs, CSS class names, file names, and HTML attributes because hyphens are more URL-friendly than underscores.

How to Use

  1. Type or paste your text into the input field (any format).
  2. The kebab-case output appears in real-time as you type.
  3. COBOL-CASE (uppercase kebab) is also shown for completeness.
  4. Click "Copy" next to the format you need.

Where Is kebab-case Used?

kebab-case is the standard for: CSS class names (e.g., .nav-bar, .primary-button), URL slugs (e.g., /blog/my-first-post/), HTML custom attributes (e.g., data-user-id), file names (e.g., my-component.js), and npm package names.

FAQ

The name is a visual pun: the words look like chunks of food on a skewer (kebab stick), with hyphens representing the skewer. It is also sometimes called "spinal-case", "caterpillar-case", or "lisp-case".
Google recommends hyphens for word separation in URLs. Hyphens are treated as word separators by search engines, while underscores are treated as word connectors. This makes kebab-case slightly better for SEO in URLs.
COBOL-CASE is kebab-case with all uppercase letters. It was historically used in COBOL programming (hence the name). It is also sometimes called TRAIN-CASE.