Skip to content
Devsgen

kebab-case to camelCase

Transform kebab-case CSS classes or HTML attributes to camelCase JavaScript variables - streamline your frontend development workflow

Example transformation:
my-variable-name myVariableName
⌘K to search patterns
⌘↵ to transform text

Input

(⌘1 to focus)
0 characters

Output

(⌘2 to focus)
0 characters
No pattern selected

Select a pattern or enter custom regex above

Use ⌘K to find patterns

Pattern Details

Search Pattern

-([a-z])

Replace Pattern

$1

Example

Input

my-variable-name

Output

myVariableName

Tags

case conversioncamelCasekebab-case

How to Use This Pattern

  1. Enter your text in the input area above
  2. Click "Transform" or press ⌘+Enter to apply the transformation
  3. 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

CamelCase to kebab-case

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