How to Convert a Name to camelCase, snake_case, or kebab-case
You have a clear label in your head — User Profile Settings — but the code wants userProfileSettings, the database wants user_profile_settings, and the URL wants user-profile-settings. Converting between these by hand is fiddly and a perfect place to introduce a typo.
A case converter handles the splitting and rejoining for you. Here is how.
How to convert a name to camelCase, snake_case, or kebab-case
QuickWand's free case converter runs in your browser, so identifiers and field names never leave your machine.
- Open the case converter.
- Paste your label — it can have spaces, hyphens, or underscores already, like
User Profile Settings. - Choose camelCase, PascalCase, snake_case, or kebab-case.
- Copy the result and drop it straight into your code or config.
What each case means and where it belongs
These four conventions all remove spaces, but they mark word boundaries in different ways — and each ecosystem has its favorite.
- camelCase —
userProfileSettings. First word lowercase, every later word capitalized. Standard for variables and functions in JavaScript, Java, Kotlin, and Swift. - PascalCase —
UserProfileSettings. Like camelCase but the first word is capitalized too. Used for class names, types, and React/Vue component names. - snake_case —
user_profile_settings. All lowercase, words joined by underscores. Idiomatic in Python and Ruby, and the usual choice for SQL table and column names. - kebab-case —
user-profile-settings. All lowercase, words joined by hyphens. Used in URLs, CSS class names, and HTML attributes, where hyphens are the safe separator.
Why not just retype it?
For one short name, retyping is fine. But when you are renaming a field across a schema, a class, a query, and a route, doing it by hand invites inconsistency — a stray capital here, a missing underscore there. Converting from one canonical label keeps every form in sync.
Reformatting prose instead?
If you are formatting a heading or sentence rather than an identifier, the same tool also does Title Case, UPPERCASE, and Sentence case. And when you are wiring up a colorful UI, the color converter turns HEX into the rgb() values your CSS needs.
Paste one label, pick a case, copy — consistent identifiers across your whole codebase, no typos.