How to use the Case Converter
- Paste or type your text in the left panel.
- Click any case button, the converted text appears on the right instantly.
- Use Copy to copy the result, Swap to move the output back to input.
Case formats explained
| Format | Example | Common uses |
|---|---|---|
| UPPER CASE | HELLO WORLD | Headings, constants, emphasis |
| lower case | hello world | General text, email addresses |
| Title Case | Hello World | Article titles, headings |
| Sentence case | Hello world | Normal prose, UI copy |
| camelCase | helloWorld | JavaScript variables, JSON keys |
| PascalCase | HelloWorld | Classes, React components, C# types |
| snake_case | hello_world | Python variables, database columns |
| kebab-case | hello-world | CSS classes, URL slugs, HTML attributes |
| CONSTANT_CASE | HELLO_WORLD | Environment variables, constants |
Which case to use where?
Naming conventions vary by language and context. Consistency within a codebase matters more than which convention you choose, mixing styles makes code harder to read.
- JavaScript:
camelCasefor variables and functions,PascalCasefor classes and React components,CONSTANT_CASEfor module-level constants - Python:
snake_casefor variables and functions,PascalCasefor classes,CONSTANT_CASEfor module constants - CSS / HTML:
kebab-casefor class names, IDs, and custom properties (--my-variable) - SQL:
snake_casefor table and column names - URLs:
kebab-casefor readability and SEO