String Case Converter
Convert text between camelCase, snake_case, PascalCase, kebab-case, and more.
Naming formats
Paste a label, field name, route segment, or environment variable and copy the version that matches the code you are working in. The converter splits common separators and camel-case boundaries before rebuilding each format.
This is handy when a name moves between JSON, TypeScript, Python, CSS, URLs, database columns, and shell configuration.
Where each format tends to show up
camelCasefor JavaScript variables and functionsPascalCasefor classes, types, and React componentssnake_casefor Python names and many database columnskebab-casefor URL slugs, file names, and CSS class namesCONSTANT_CASEfor environment variables and constants
How to use String Case Converter
The case converter changes text between common naming styles. It is useful when moving names between JavaScript, CSS, databases, URLs, and docs.
Developers often use this page when they need case converter, camel case converter, snake case converter, and kebab case converter.
Privacy and data handling
This tool is designed to run in your browser for normal use, so your input does not need to be sent to a server.
- Input and output stay on the page while you work.
- Copy buttons use your browser clipboard permission when available.
- Avoid pasting private production data on shared or untrusted devices.
Examples
Convert a label to code naming styles
Input
User profile URLOutput
camelCase: userProfileUrl
snake_case: user_profile_url
kebab-case: user-profile-urlDifferent systems prefer different naming styles. Pick the one your codebase already uses.
Steps
- 1Paste a word, label, sentence, or list of names.
- 2Choose the case style you need.
- 3Copy the converted result into your code or document.
Common use cases
- Convert API fields to camelCase.
- Turn labels into kebab-case URL slugs.
- Change database column ideas into snake_case.
Practical tips
- Review acronyms because tools may split them differently than your team style.
- Use kebab-case for many URL slugs and CSS class names.
- Use snake_case only when it matches the system you are working with.
FAQ
What is camelCase used for?
camelCase is common in JavaScript variables, object keys, and function names.
What is the difference between snake_case and kebab-case?
snake_case uses underscores between words. kebab-case uses hyphens and is common in URLs and CSS class names.