Case Converter Studio
Convert text between six cases — UPPER, lower, Title Case, camelCase, snake_case, and kebab-case — with one click. Free and private.
Pure browser JavaScript — no libraries required.
How to use this tool
- Type or paste your text.
- Click a case button to convert.
- Copy the result or download as a text file.
Convert text between six cases — UPPER, lower, Title Case, camelCase, snake_case, and kebab-case — with one click. Free and private.
How it works
Case Converter Studio transforms any text between six common casing formats with a single click: UPPERCASE, lowercase, Title Case, camelCase, snake_case, and kebab-case. Paste or type your text, then click the desired output case button to see the converted result immediately.
Title Case capitalizes the first letter of each significant word while leaving articles and short prepositions lowercase, following standard editorial conventions. camelCase joins words without spaces, capitalizing each word after the first, which is the standard naming convention in JavaScript, Java, and Swift. snake_case replaces spaces with underscores and lowercases everything, common in Python and database column names. kebab-case uses hyphens instead of underscores, the convention for CSS classes, URL slugs, and HTML attributes.
The tool preserves punctuation and handles common edge cases such as multiple consecutive spaces or mixed-case input. It is particularly handy for developers renaming variables, designers creating CSS class names, and writers enforcing heading style across a document.
Worked example
Convert a sentence to a JavaScript variable name
- Paste 'total order amount' into the input field.
- Click the 'camelCase' button.
- The output shows 'totalOrderAmount'.
- Click 'Copy' to copy it to your clipboard.
'totalOrderAmount' — ready to paste as a variable name.
Common mistakes to avoid
- Expecting camelCase output to preserve acronyms in all-caps (e.g. 'HTML') — the tool lowercases all words except the first letter, producing 'html'.
- Pasting text that already has mixed casing and expecting the converter to know which words are proper nouns — all words are treated equally.
- Using snake_case output as a CSS class name — CSS conventionally uses kebab-case; use the kebab-case button instead.
Key terms
- camelCase
- A naming style where the first word is lowercase and each subsequent word starts with a capital letter, with no separators (e.g. 'myVariableName').
- snake_case
- A naming style where all words are lowercase and separated by underscores (e.g. 'my_variable_name').
- kebab-case
- A naming style where all words are lowercase and separated by hyphens (e.g. 'my-variable-name'), commonly used in URLs and CSS.
Frequently asked questions
- Can I convert multiple paragraphs?
- Yes — all conversion modes work on the entire text, preserving line breaks where applicable.