ruxox
Start
Start
Text / Case

Case Converter

Convert text between camelCase, snake_case, PascalCase, kebab-case, SCREAMING_SNAKE, and more. Runs in your browser with no server calls.

Case Converter

Runs entirely in your browser — no server calls, no tracking.

Enter text and click Convert.

🔒 Your data never leaves this tab. This tool has no backend.

About this tool

About the Case Converter

Naming conventions differ across languages, frameworks, and contexts. JavaScript variables and functions use camelCase; Python variables and functions use snake_case; class names in both use PascalCase; CSS custom properties and HTML data attributes use kebab-case; environment variables and SQL column names often use SCREAMING_SNAKE. This tool converts between all of them from a single input.

Quick reference

camelCase — JS variables, JSON keys, API parameters: getUserById. PascalCase — class names, React components, TypeScript types: GetUserById. snake_case — Python functions, Ruby methods, SQL columns: get_user_by_id. kebab-case — CSS properties, HTML attributes, URL slugs, Kubernetes resource names: get-user-by-id. SCREAMING_SNAKE — environment variables, constants: GET_USER_BY_ID.

Converting from code identifiers

The converter handles mixed input: it splits on spaces, hyphens, underscores, and camelCase boundaries. So getUserById, get-user-by-id, get_user_by_id, and Get User By Id all produce the same word list and can be converted to any format. This makes it useful for renaming identifiers during a refactor or when translating a spec between teams.

FAQ

Frequently asked questions

Why does camelCase start with a lowercase letter but PascalCase starts uppercase?
camelCase (also called lower camelCase) is the naming convention for variables and functions in JavaScript, Java, and many other languages — the first word is lowercase, subsequent words are capitalised. PascalCase (upper CamelCase) capitalises every word including the first — it is used for class names, constructor functions, React components, and TypeScript types/interfaces because it visually signals "this is a type, not a value."
What does SCREAMING_SNAKE_CASE mean?
It is snake_case with all letters uppercase. It is universally used for constants and environment variables (e.g. DATABASE_URL, MAX_RETRIES) because the visual distinction from lowercase snake_case clearly signals "this value does not change at runtime." If you see an all-caps identifier in code, it is almost certainly a constant or environment variable.
Which case should I use for CSS custom properties?
Kebab-case is the convention: --primary-color, --font-size-lg, --spacing-f-3-4. This matches HTML attribute naming (data-user-id, aria-label) and the CSS property naming convention (background-color, border-radius). Avoid camelCase in CSS — it is technically valid but breaks consistency with the language's native conventions.
Custom software

Need consistent naming conventions enforced in your codebase?

ruxox builds custom software with code standards, linting, and consistent architecture baked in from the start.