camelCase starts lowercase, capitalizes subsequent words. Example: firstName, getUserData. Used in JavaScript, Java, TypeScript.

PascalCase capitalizes every word including the first. Example: UserProfile, HttpRequest. Used for React components, C# classes, TypeScript types.

snake_case uses lowercase with underscores. Example: user_name, get_user_data. Used in Python, Ruby, Rust, database columns.

kebab-case uses lowercase with hyphens. Example: my-component, user-profile. Used in CSS classes, URLs, HTML attributes, CLI flags.

How do I convert case in code?

JavaScript: lodash (_.camelCase, _.snakeCase) or change-case npm package. Python: inflection or stringcase library.

String Case Converter

Convert text between camelCase, snake_case, kebab-case, PascalCase, and 8 more formats instantly. Free online naming convention converter for developers.

Input Text

camelCase— JavaScript variables, JSON keys

myVariableName

PascalCase— React components, C# classes, TypeScript types

MyVariableName

snake_case— Python, Ruby, database columns, file names

my_variable_name

SCREAMING_SNAKE_CASE— Constants, environment variables, enums

MY_VARIABLE_NAME

kebab-case— CSS classes, URLs, HTML attributes, CLI flags

my-variable-name

COBOL-CASE— HTTP headers (X-Custom-Header), COBOL

MY-VARIABLE-NAME

dot.case— Java packages, file extensions, config keys

my.variable.name

path/case— File paths, URL segments, routes

my/variable/name

Title Case— Headings, titles, display text

My Variable Name

Sentence case— Paragraphs, UI labels, descriptions

My variable name

lowercase— Search queries, normalization

my variable name

UPPERCASE— Acronyms, emphasis, constants

MY VARIABLE NAME

Try these:

Naming Convention Guide by Language

Language

Variables/Functions

Classes/Types

Constants

JavaScript

camelCase

PascalCase

SCREAMING_SNAKE

TypeScript

camelCase

PascalCase

SCREAMING_SNAKE

Python

snake_case

PascalCase

SCREAMING_SNAKE

Ruby

snake_case

PascalCase

SCREAMING_SNAKE

Java

camelCase

PascalCase

SCREAMING_SNAKE

camelCase

PascalCase

camelCase

PascalCase

camelCase

Rust

snake_case

PascalCase

SCREAMING_SNAKE

PHP

camelCase

PascalCase

SCREAMING_SNAKE

CSS

kebab-case

—

HTML

kebab-case

—

SQL

snake_case

PascalCase

SCREAMING_SNAKE

Convert String Case in Code

JavaScript (vanilla)

const toCamel = s => s.replace(/[-_](.)/g, (_, c) => c.toUpperCase());
const toSnake = s => s.replace(/([A-Z])/g, '_$1').toLowerCase();
const toKebab = s => s.replace(/([A-Z])/g, '-$1').toLowerCase();
const toPascal = s => toCamel(s).replace(/^./, c => c.toUpperCase());

toCamel('my_variable');  // 'myVariable'
toSnake('myVariable');   // 'my_variable'
toKebab('myVariable');   // 'my-variable'
toPascal('my_variable'); // 'MyVariable'

Python

import re

def to_snake(s):
    return re.sub(r'(?<!^)(?=[A-Z])', '_', s).lower()

def to_camel(s):
    parts = s.split('_')
    return parts[0] + ''.join(w.capitalize() for w in parts[1:])

to_snake('myVariable')  # 'my_variable'
to_camel('my_variable') # 'myVariable'

Frequently Asked Questions

What is camelCase?

camelCase starts with a lowercase letter, then capitalizes the first letter of each subsequent word — no separators. Example: firstName, getUserData, maxRetryCount. Used in JavaScript, Java, TypeScript variables and function names.

What is PascalCase?

PascalCase capitalizes the first letter of every word including the first — no separators. Example: UserProfile, GetUserData, HttpRequest. Used for React components, C# classes, TypeScript interfaces and types.

What is snake_case?

snake_case uses lowercase letters with underscores between words. Example: user_name, get_user_data, max_retry_count. Used in Python, Ruby, Rust, database column names, and file names.

What is kebab-case?

kebab-case uses lowercase letters with hyphens between words. Example: user-profile, get-user-data, my-component. Used in CSS class names, URLs/slugs, HTML attributes, and CLI flag names.

What is SCREAMING_SNAKE_CASE?

SCREAMING_SNAKE_CASE uses uppercase letters with underscores. Example: MAX_RETRY_COUNT, API_BASE_URL, NODE_ENV. Used for constants, environment variables, and enum values across most programming languages.

When should I use camelCase vs snake_case?

Use camelCase in JavaScript, TypeScript, Java, C++. Use snake_case in Python, Ruby, Rust, Go (for package names), SQL. Follow the naming convention of your language and team's style guide.

When should I use kebab-case?

Use kebab-case for: CSS class names (.my-component), URL slugs (/user-profile), HTML data attributes (data-user-id), CLI flags (--output-dir), and npm package names.

What naming convention does React use?

React components: PascalCase (UserProfile). Props/state: camelCase (userName). CSS modules: camelCase or kebab-case. File names: PascalCase for components (UserProfile.jsx), kebab-case for utilities.

What naming convention does Python use?

Variables/functions: snake_case. Classes: PascalCase. Constants: SCREAMING_SNAKE_CASE. Modules/packages: lowercase or snake_case. Private: _leading_underscore. This follows PEP 8.

How do I convert between naming conventions in code?

JavaScript: use lodash (_.camelCase, _.snakeCase, _.kebabCase) or the change-case npm package. Python: use the inflection or stringcase library. Or use our free converter above for quick one-off conversions.

CSS to SCSS Converter CSS to Tailwind CSV to SQL Base Converter All Tools

Disclaimer: This tool converts text between common naming conventions. Multi-word detection works best with standard camelCase, snake_case, or space-separated inputs.

String Case Converter

Convert text between camelCase, snake_case, kebab-case, PascalCase, and 8 more formats instantly. Free online naming convention converter for developers.

Input Text

camelCase— JavaScript variables, JSON keys

myVariableName

PascalCase— React components, C# classes, TypeScript types

MyVariableName

snake_case— Python, Ruby, database columns, file names

my_variable_name

SCREAMING_SNAKE_CASE— Constants, environment variables, enums

MY_VARIABLE_NAME

kebab-case— CSS classes, URLs, HTML attributes, CLI flags

my-variable-name

COBOL-CASE— HTTP headers (X-Custom-Header), COBOL

MY-VARIABLE-NAME

dot.case— Java packages, file extensions, config keys

my.variable.name

path/case— File paths, URL segments, routes

my/variable/name

Title Case— Headings, titles, display text

My Variable Name

Sentence case— Paragraphs, UI labels, descriptions

My variable name

lowercase— Search queries, normalization

my variable name

UPPERCASE— Acronyms, emphasis, constants

MY VARIABLE NAME

Try these:

Naming Convention Guide by Language

Language

Variables/Functions

Classes/Types

Constants

JavaScript

camelCase

PascalCase

SCREAMING_SNAKE

TypeScript

camelCase

PascalCase

SCREAMING_SNAKE

Python

snake_case

PascalCase

SCREAMING_SNAKE

Ruby

snake_case

PascalCase

SCREAMING_SNAKE

Java

camelCase

PascalCase

SCREAMING_SNAKE

camelCase

PascalCase

camelCase

PascalCase

camelCase

Rust

snake_case

PascalCase

SCREAMING_SNAKE

PHP

camelCase

PascalCase

SCREAMING_SNAKE

CSS

kebab-case

—

HTML

kebab-case

—

SQL

snake_case

PascalCase

SCREAMING_SNAKE

Convert String Case in Code

JavaScript (vanilla)

const toCamel = s => s.replace(/[-_](.)/g, (_, c) => c.toUpperCase());
const toSnake = s => s.replace(/([A-Z])/g, '_$1').toLowerCase();
const toKebab = s => s.replace(/([A-Z])/g, '-$1').toLowerCase();
const toPascal = s => toCamel(s).replace(/^./, c => c.toUpperCase());

toCamel('my_variable');  // 'myVariable'
toSnake('myVariable');   // 'my_variable'
toKebab('myVariable');   // 'my-variable'
toPascal('my_variable'); // 'MyVariable'

Python

import re

def to_snake(s):
    return re.sub(r'(?<!^)(?=[A-Z])', '_', s).lower()

def to_camel(s):
    parts = s.split('_')
    return parts[0] + ''.join(w.capitalize() for w in parts[1:])

to_snake('myVariable')  # 'my_variable'
to_camel('my_variable') # 'myVariable'

Frequently Asked Questions

What is camelCase?

What is PascalCase?

What is snake_case?

snake_case uses lowercase letters with underscores between words. Example: user_name, get_user_data, max_retry_count. Used in Python, Ruby, Rust, database column names, and file names.

What is kebab-case?

kebab-case uses lowercase letters with hyphens between words. Example: user-profile, get-user-data, my-component. Used in CSS class names, URLs/slugs, HTML attributes, and CLI flag names.

What is SCREAMING_SNAKE_CASE?

When should I use camelCase vs snake_case?

Use camelCase in JavaScript, TypeScript, Java, C++. Use snake_case in Python, Ruby, Rust, Go (for package names), SQL. Follow the naming convention of your language and team's style guide.

When should I use kebab-case?

Use kebab-case for: CSS class names (.my-component), URL slugs (/user-profile), HTML data attributes (data-user-id), CLI flags (--output-dir), and npm package names.

What naming convention does React use?

React components: PascalCase (UserProfile). Props/state: camelCase (userName). CSS modules: camelCase or kebab-case. File names: PascalCase for components (UserProfile.jsx), kebab-case for utilities.

What naming convention does Python use?

Variables/functions: snake_case. Classes: PascalCase. Constants: SCREAMING_SNAKE_CASE. Modules/packages: lowercase or snake_case. Private: _leading_underscore. This follows PEP 8.

How do I convert between naming conventions in code?

CSS to SCSS Converter CSS to Tailwind CSV to SQL Base Converter All Tools

Disclaimer: This tool converts text between common naming conventions. Multi-word detection works best with standard camelCase, snake_case, or space-separated inputs.