How to Convert camelCase to kebab-case (JavaScript, Python, CLI)

Converting camelCase to kebab-case is essential when transforming JavaScript identifiers into CSS class names, URL slugs, or CLI flags.

JavaScript

function camelToKebab(str) {
  return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
}
camelToKebab("backgroundColor"); // "background-color"

Python

import re
def camel_to_kebab(s):
    return re.sub(r'(?<=[a-z0-9])(?=[A-Z])', '-', s).lower()
camel_to_kebab("backgroundColor")  # "background-color"

CLI (sed)

echo "backgroundColor" | sed 's/\([a-z]\)\([A-Z]\)/\1-\2/g' | tr '[:upper:]' '[:lower:]'

Online Tool

Use the kebab-case converter or case converter hub.