Convert text between different letter cases.
Text case refers to how letters are capitalized in written content. Using the correct case style is essential for readability, professionalism, and consistency across documents, code, and user interfaces. Different contexts require different case conventions.
| Case Type | Example | Common Uses |
|---|---|---|
| lowercase | the quick brown fox |
URLs, email addresses, informal text, CSS properties |
| UPPERCASE | THE QUICK BROWN FOX |
Acronyms, emphasis, headers, constants in code |
| Title Case | The Quick Brown Fox |
Headlines, book titles, formal headings |
| Sentence case | The quick brown fox |
Body text, UI labels, buttons |
| tOGGLE cASE | tHE qUICK bROWN fOX |
Stylistic effect, memes, emphasis |
| Capitalize Each Word | The Quick Brown Fox |
Names, product titles, display text |
In programming, naming conventions use specific case styles for variables, functions, and constants:
myVariableName
First word lowercase, subsequent words capitalized. Used in JavaScript, Java variables and methods.
MyClassName
Each word capitalized. Used for class names in most languages, React components.
my_variable_name
Words separated by underscores. Used in Python, Ruby, database columns.
my-css-class
Words separated by hyphens. Used in CSS classes, URL slugs, file names.
MAX_RETRY_COUNT
All uppercase with underscores. Used for constants in most programming languages.
Title case has specific rules about which words to capitalize. Different style guides have slightly different rules:
Text case affects accessibility:
/* Better: Use CSS for visual styling */
.heading { text-transform: uppercase; }
/* Avoid: Typing in ALL CAPS in HTML */
<h1>THIS IS HARDER TO MAINTAIN</h1>
| lowercase | all letters small |
| UPPERCASE | ALL LETTERS CAPITAL |
| Title Case | Major Words Capital |
| Sentence case | First word capital |
| camelCase | wordsJoinedLikeThis |
| snake_case | words_joined_like_this |
| kebab-case | words-joined-like-this |
text-transform: uppercase;
text-transform: lowercase;
text-transform: capitalize;
text-transform: none;