Case Types Reference
HELLO WORLDhello worldHello WorldHello worldhelloWorldHelloWorldhello_worldhello-worldHELLO_WORLDhello.worldRelated Tutorials
What is Case Converter?
Case Converter transforms text between different naming conventions and capitalization styles used across programming languages and frameworks. Developers encounter various case styles daily: camelCase for JavaScript variables and function names, snake_case for Python identifiers and database columns, PascalCase for class names and React components, and kebab-case for CSS classes and URL slugs. When migrating code between languages, refactoring naming conventions, or generating API payloads that follow specific style guides, manually retyping identifiers is error-prone and tedious. This tool intelligently parses word boundaries from any input format — whether your text uses spaces, underscores, hyphens, or mixed capitalization — and reconstructs it in the target case style instantly. It supports ten common conventions including CONSTANT_CASE for environment variables and dot.case for configuration keys.
How to Use
- Enter your text in the input field (any case style works).
- Select the target case style from the dropdown or quick buttons.
- Click 'Convert' to transform the text.
- Use 'Show All' to see conversions for all case types at once.
- Click 'Copy' to copy the result to your clipboard.
- Access recent conversions from the history section.
Why Use This Tool?
Tips & Best Practices
- camelCase is standard for JavaScript/TypeScript variables and functions
- PascalCase is used for class names and React components
- snake_case is preferred in Python, Ruby, and database columns
- kebab-case is standard for CSS classes, URLs, and file names
- CONSTANT_CASE is used for constants and environment variables
- The tool auto-detects word boundaries from any input format
Frequently Asked Questions
What is camelCase and when should I use it?
camelCase capitalizes the first letter of each word except the first (e.g., getUserById). It's the standard naming convention in JavaScript, TypeScript, and Java for variables, functions, and methods. React also uses camelCase for component props.
What's the difference between snake_case and kebab-case?
Both use lowercase with separators between words. snake_case uses underscores (user_name) and is common in Python, Ruby, and databases. kebab-case uses hyphens (user-name) and is used in CSS classes, URLs, and HTML attributes.
When should I use PascalCase?
PascalCase capitalizes every word (UserName). Use it for class names in most languages, React component names, TypeScript interfaces and types, and enum values. It's also called UpperCamelCase.
Can this tool handle text that's already in a specific case?
Yes! The tool smartly detects word boundaries from any format. Input like 'helloWorld', 'hello_world', 'HelloWorld', or 'hello-world' will all be correctly converted to any target case. It handles mixed formats too.
What is CONSTANT_CASE used for?
CONSTANT_CASE uses uppercase with underscores (MAX_RETRY_COUNT). Use it for constants in any language, environment variables, configuration keys, and enum values in some conventions.
Is my text data secure?
Absolutely. All conversion happens in your browser using JavaScript. Your text is never sent to any server, never stored, and never logged. When you close the page, all data is cleared.
When should I NOT use this tool?
Avoid using this tool for natural language text where capitalization carries meaning (like proper nouns, titles, or abbreviations). It's designed for identifier and variable name conversion, not prose. Also, don't use it for text that contains acronyms you want to preserve (e.g., 'XMLParser' might become 'XmlParser' in PascalCase, losing the acronym casing).
Real-world Examples
Migrating API response keys from snake_case to camelCase
When consuming a Python backend API that returns snake_case keys, but your TypeScript frontend expects camelCase property names, batch-convert the field names to match your codebase conventions.
user_name created_at profile_image_url is_active last_login_date
userName createdAt profileImageUrl isActive lastLoginDate
Generating CSS class names from design tokens
Design systems often define tokens in CONSTANT_CASE. Convert them to kebab-case for use as CSS class names in your stylesheet.
COLOR_PRIMARY FONT_SIZE_LARGE SPACING_MEDIUM BORDER_RADIUS_SMALL
color-primary font-size-large spacing-medium border-radius-small