Kebab-case writes compound words in lowercase separated by hyphens, like 'my-variable-name'. It is common in CSS class names and URLs.

How does it convert to camelCase?

Each hyphen is removed and the first letter of every word after the first is capitalised, so 'my-variable-name' becomes 'myVariableName'.

Is my text uploaded anywhere?

No — the conversion happens entirely in your browser and nothing is sent over the network.

Does it handle multiple lines or messy input?

It splits on any run of non-alphanumeric characters, so extra hyphens, spaces or symbols between words are all treated as boundaries and the input still converts cleanly. Each separate line is converted independently if you paste several.

What is the difference between camelCase and PascalCase?

camelCase leaves the first word lowercase (myVariableName), while PascalCase capitalises every word including the first (MyVariableName). This tool produces camelCase, the common convention for JavaScript and TypeScript variables.

Why convert kebab-case to camelCase?

Kebab-case is standard for CSS classes and URL slugs but is not a valid identifier in most languages because of the hyphens. camelCase is the JavaScript and TypeScript convention for variables and properties, so converting lets you reuse names across CSS and code.

Kebab Case to Camel Case Converter

Kebab-case to camelCase

Paste any kebab-case identifier — lowercase words joined by hyphens like my-variable-name — and get the equivalent camelCase string such as myVariableName instantly. This is a common need when moving CSS class names or URL slugs into JavaScript or TypeScript variable and property names.

How it works

The converter splits your input on every run of non-alphanumeric characters (hyphens, spaces and other symbols), lowercases each resulting word, then joins them: the first word stays lowercase and every following word has its first letter capitalised. Because any separator counts as a boundary, even messy input converts cleanly. A Copy button puts the result on your clipboard.

Example

kebab-case input	camelCase output
`my-variable-name`	`myVariableName`
`data-user-id`	`dataUserId`
`gera-tools-privacy-first`	`geraToolsPrivacyFirst`

For data-user-id, the words are data, user, id; the first stays lowercase and the rest are capitalised, giving dataUserId.

Everything runs in your browser, so your code never leaves your machine.