Skip to content

String Case Converter

Convert text between camelCase, snake_case, PascalCase, kebab-case, and more.

Input
e.g., helloWorld
e.g., hello_world
e.g., hello-world
e.g., HelloWorld
e.g., HELLO_WORLD
e.g., Hello World

Naming formats

Paste a label, field name, route segment, or environment variable and copy the version that matches the code you are working in. The converter splits common separators and camel-case boundaries before rebuilding each format.

This is handy when a name moves between JSON, TypeScript, Python, CSS, URLs, database columns, and shell configuration.

Where each format tends to show up

  • camelCase for JavaScript variables and functions
  • PascalCase for classes, types, and React components
  • snake_case for Python names and many database columns
  • kebab-case for URL slugs, file names, and CSS class names
  • CONSTANT_CASE for environment variables and constants

How to use String Case Converter

The case converter changes text between common naming styles. It is useful when moving names between JavaScript, CSS, databases, URLs, and docs.

Developers often use this page when they need case converter, camel case converter, snake case converter, and kebab case converter.

Privacy and data handling

This tool is designed to run in your browser for normal use, so your input does not need to be sent to a server.

  • Input and output stay on the page while you work.
  • Copy buttons use your browser clipboard permission when available.
  • Avoid pasting private production data on shared or untrusted devices.

Examples

Convert a label to code naming styles

Input

User profile URL

Output

camelCase: userProfileUrl
snake_case: user_profile_url
kebab-case: user-profile-url

Different systems prefer different naming styles. Pick the one your codebase already uses.

Steps

  1. 1Paste a word, label, sentence, or list of names.
  2. 2Choose the case style you need.
  3. 3Copy the converted result into your code or document.

Common use cases

  • Convert API fields to camelCase.
  • Turn labels into kebab-case URL slugs.
  • Change database column ideas into snake_case.

Practical tips

  • Review acronyms because tools may split them differently than your team style.
  • Use kebab-case for many URL slugs and CSS class names.
  • Use snake_case only when it matches the system you are working with.

FAQ

What is camelCase used for?

camelCase is common in JavaScript variables, object keys, and function names.

What is the difference between snake_case and kebab-case?

snake_case uses underscores between words. kebab-case uses hyphens and is common in URLs and CSS class names.

Related Developer Tools