Question 1

What is the difference between camelCase and PascalCase?

Accepted Answer

camelCase: first word is lowercase, subsequent words start with uppercase — myVariableName. Used for JavaScript variables, object properties, React props, and JSON keys. PascalCase (also called UpperCamelCase): every word starts with uppercase — MyClassName. Used for class names, React components, TypeScript interfaces, C# types. Both join words without spaces or symbols.

Question 2

When should I use snake_case vs kebab-case?

Accepted Answer

snake_case (words separated by underscores): Python variables and functions (PEP 8), Ruby variables and methods, database column names, some JSON APIs. kebab-case (words separated by hyphens): CSS class names and properties, HTML attributes, URL slugs and file names. SCREAMING_SNAKE_CASE (uppercase with underscores): constants in Python, JavaScript (ES6), C and many other languages. The choice is usually dictated by the language's style guide.

Question 3

What case should I use for CSS class names?

Accepted Answer

kebab-case is the widely accepted convention for CSS class names: .my-component, .btn-primary, .is-active. HTML is case-insensitive in attribute names, so kebab-case is also correct for HTML attributes. BEM (Block Element Modifier) methodology extends this with double underscores and double hyphens: .block__element--modifier. Avoid camelCase in CSS — it works, but goes against established convention and can be confused with JavaScript.

Question 4

How do I convert text to Title Case correctly?

Accepted Answer

True Title Case follows capitalisation rules — not every word is capitalised. Articles (a, an, the), coordinating conjunctions (and, but, or, nor, for, yet, so) and short prepositions (in, on, at, to, by, of, up) are lowercase unless they're the first or last word of the title. Example: 'The Rise of AI in Everyday Life' not 'The Rise Of Ai In Everyday Life'. Sentence case (only the first word capitalised) is increasingly used in content marketing and UI.

Format	Example	Used in
camelCase	myVariableName	JS variables, React props, JSON keys
PascalCase	MyClassName	Classes, React components, TypeScript interfaces
snake_case	my_variable_name	Python, Ruby, SQL column names
SCREAMING_SNAKE_CASE	MY_CONSTANT_NAME	Constants in Python, JS, C, environment variables
kebab-case	my-component-name	CSS classes, HTML attributes, URL slugs
Title Case	My Variable Name	Article titles, headings, UI labels

Text Case Converter

Case format reference

Frequently asked questions

Related writing tools

Convert any text case in one click