CamelCase to kebab-case

Transform camelCase variable names to kebab-case for CSS classes, HTML attributes, or URL-friendly formats - essential for frontend developers

Example transformation:

myVariableName my-variable-name

⌘K to search patterns

⌘↵ to transform text

Input

(⌘1 to focus)

0 characters

Output

(⌘2 to focus)

0 characters

No pattern selected

Search Regex

Replace Pattern

Flags (optional)

Select a pattern or enter custom regex above

Use ⌘K to find patterns

No pattern selected

Search Regex

Replace Pattern

Flags (optional)

Select a pattern or enter custom regex above

Use ⌘K to find patterns

Pattern Details

Search Pattern

([a-z])([A-Z])

Replace Pattern

$1-$2

Example

Input

myVariableName

Output

my-variable-name

How to Use This Pattern

Enter your text in the input area above
Click "Transform" or press ⌘+Enter to apply the transformation
Copy the result from the output area

You can also use the command palette (⌘K) to quickly switch between different patterns.

Related Patterns

Path: Dot to Slash

Transform dot notation import paths to slash notation - perfect for converting Python imports to file paths or switching between different module systems

Path: Slash to Dot

Transform file paths to dot notation imports - essential for converting directory structures to Python import statements or module references