Developer Tools

Convert to kebab-case

Convert selected words or identifiers to kebab-case.

OfficialOn-device

Download action

What Convert to kebab-case does

Splits mixed identifiers into lowercase words and joins them with hyphens for URLs, CSS names, and configuration keys.

CategoryDeveloper Tools
Action typeJavaScript
ResultReplace or copy text
InternetNot required

Action and outcome

Convert to kebab-case example
ActionOutcome
Convert to kebab-caseSelected text: HTTP response codehttp-response-code

Use Convert to kebab-case

Follow these steps to convert selected words or identifiers to kebab-case with ActionClip.

  1. Select the text you want to use.
  2. Choose Convert to kebab-case from ActionClip.
  3. Review the result, then replace the selection or copy the new text.

Requirements and privacy

  • Before you start: No setup required.
  • Your selected text: Runs locally in ActionClip’s JavaScript sandbox. Selected text does not leave your Mac.

Action configuration

The definition below is included so you can inspect how the action works before downloading it.

JavaScript definition
function run(selected_text) {
  const words = selected_text
    .normalize("NFKD")
    .replace(/\p{M}+/gu, "")
    .replace(/([A-Z\d]+)([A-Z][a-z])/g, "$1 $2")
    .replace(/([a-z\d])([A-Z])/g, "$1 $2")
    .replace(/[^\p{L}\p{N}]+/gu, " ")
    .trim()
    .split(/\s+/)
    .filter(Boolean)
    .map((word) => word.toLowerCase());

  if (!words.length) return "";
  const capitalize = (word) => word.charAt(0).toUpperCase() + word.slice(1);
  return words.join("-");
}