devtools

Case & Slug Converter

Convert identifiers between every common naming convention and slugify text.

client-sidefreeno-signup
helloWorldApiResponseExample
HelloWorldApiResponseExample
hello_world_api_response_example
hello-world-api-response-example
HELLO_WORLD_API_RESPONSE_EXAMPLE
hello-world-api-response-example
converted locally in your browser · nothing is uploaded
// how to use

How to use the Case & Slug Converter

Turn any identifier or phrase into every common naming convention at once — camelCase, PascalCase, snake_case, kebab-case, CONSTANT_CASE — plus a clean URL slug. It splits on word boundaries, so mixed input like <code>API_Response</code> normalises correctly.

  1. 01Type an identifier, a phrase, or a messy mix into the input box.
  2. 02All six conversions update live in the grid below.
  3. 03Copy the format you need from any card.

tips

  • Common conventions: camelCase for JS variables, PascalCase for classes and components, snake_case for Python and database columns, kebab-case for URLs and CSS, CONSTANT_CASE for env variables.
  • The slug output strips accents and special characters, so “Hello World!” becomes hello-world.
  • It handles camelCase boundaries, so apiKey splits into “api” and “key” rather than one run-on word.

frequently asked

Which naming convention should I use?+

It depends on context: camelCase for JavaScript variables and functions, PascalCase for classes and React components, snake_case for Python and database columns, kebab-case for URLs and CSS classes, CONSTANT_CASE for environment variables and constants.

How does slugify work?+

Slugify lowercases the text, strips accents and special characters, replaces whitespace and separators with hyphens, and collapses repeated hyphens — producing a clean URL-safe slug like "hello-world".

Does it handle mixed input like "API_Response"?+

Yes. The converter first splits the input into words using camel boundaries, underscores, hyphens and spaces, then reassembles them in the target convention. "APIResponse" and "API_Response" both normalize correctly.

Is this tool free?+

Yes. All conversion happens in your browser — nothing is uploaded.