Paste your text, pick a case style, done
Type or paste any phrase above and the case converter rewrites it instantly — no sign-up, no waiting, nothing uploaded. Switch between camelCase, snake_case, kebab-case, PascalCase, Title Case, UPPER, and lower with a single click.
How to use it
- Paste (or type) your text into the input box above.
- Click the case style you need — camelCase, snake_case, kebab-case, etc.
- The result appears instantly. Hit Copy to grab it.
Quick reference — every case style at a glance
The same phrase, user login count, written in every format:
| Style | Example | Where it's used |
|---|---|---|
| camelCase | userLoginCount |
JavaScript / TypeScript variables & functions |
| PascalCase | UserLoginCount |
Class names in JS, C#, Java; React components |
| snake_case | user_login_count |
Python variables, database column names, Ruby |
| kebab-case | user-login-count |
CSS class names, HTML attributes, URL slugs |
| Title Case | User Login Count |
Page titles, headings, article names |
| UPPERCASE | USER_LOGIN_COUNT |
Constants in most languages (e.g. MAX_RETRIES) |
| lowercase | user login count |
Email addresses, general normalisation |
Worked example
Say your designer handed you this label from a Figma file:
Total Items In CartYou need it as a JavaScript variable. Click camelCase and you get:
totalItemsInCartNeed the same value as a CSS modifier class? Click kebab-case:
total-items-in-cartOr a Python variable? Hit snake_case:
total_items_in_cartHow to do this in code
Sometimes you need to convert case inside a script rather than by hand. Here are minimal, copy-pasteable snippets for the two most common asks.
JavaScript — snake_case to camelCase
// JavaScript
const snakeToCamel = s =>
s.replace(/(_\w)/g, m => m[1].toUpperCase());
console.log(snakeToCamel('total_items_in_cart')); // totalItemsInCartPython — any phrase to snake_case
# Python
import re
def to_snake(text):
# insert underscore before uppercase letters, then lowercase everything
s = re.sub(r'(?<=[a-z0-9])(?=[A-Z])', '_', text)
return re.sub(r'[\s\-]+', '_', s).lower()
print(to_snake('TotalItemsInCart')) # total_items_in_cart
print(to_snake('Total Items In Cart')) # total_items_in_cartFor heavier lifting in Python, the inflection library and python-slugify cover edge cases like acronyms and Unicode. In JavaScript, Lodash ships _.camelCase(), _.snakeCase(), and _.kebabCase() out of the box.
How it works
The tool tokenises your input — it splits on spaces, hyphens, underscores, and the boundaries between lower-case and upper-case letters. Those tokens are then re-joined with the separator (or capitalisation pattern) the target style demands. Because everything runs in your browser, your text never leaves your device.
When to use a case converter (and when not to)
Good fits
- Renaming variables, functions, or CSS classes to match a codebase's style guide.
- Converting copy from a design file or spreadsheet into code-ready identifiers.
- Generating URL slugs (kebab-case) from article titles.
- Normalising database column names to snake_case before a migration.
Where it won't help
- Acronyms: most converters treat HTML as a regular word, producing
htmlorHtmlrather thanHTML. Double-check abbreviations in your output. - Non-Latin scripts: Arabic, Chinese, Korean, etc. have no concept of upper/lower case — the tool won't transform them.
- Bulk file renaming: for renaming hundreds of files at once, a shell script or a tool like
rename(Linux) is faster and safer.
Naming conventions matter more than they seem — consistent casing is what lets linters, auto-importers, and code search tools work reliably. The Python PEP 8 style guide and the Google JavaScript Style Guide both spell out which cases belong where.
Takeaway: pick the style your language or framework expects, paste your phrase, and copy the result — the tool handles the busywork so you don't have to retype anything by hand.