String Case Conventions: camelCase, snake_case, kebab-case Explained

Why Naming Conventions Matter

Every programming language and framework has its preferred way of naming variables, functions, and files. Using the right convention makes your code consistent and readable. Using the wrong one makes you look like you do not know the language.

The Major Case Types

Language-Specific Conventions

JavaScript / TypeScript

// Variables and functions: camelCase
const userName = 'Alice';
function getUserProfile() { }

// Classes and React components: PascalCase
class UserService { }
function UserProfile() { return <div>...</div>; }

// Constants: CONSTANT_CASE
const MAX_RETRY_COUNT = 3;
const API_BASE_URL = 'https://api.example.com';

// Files: kebab-case or camelCase
// user-profile.jsx, userService.ts

Python

# Variables and functions: snake_case
user_name = 'Alice'
def get_user_profile():
    pass

# Classes: PascalCase
class UserService:
    pass

# Constants: CONSTANT_CASE
MAX_RETRY_COUNT = 3

CSS

/* Classes: kebab-case */
.user-profile { }
.nav-link { }
.hero-section { }

/* BEM methodology */
.card { }
.card__title { }
.card--highlighted { }

Convert Between Cases

Our free String Case Converter handles all major case types instantly. Paste any text and convert between camelCase, snake_case, kebab-case, PascalCase, and more.