Text Case Converter
Paste your text. See all 10 formats instantly — UPPERCASE, lowercase, Title Case, camelCase, snake_case, kebab-case, PascalCase, and more. Copy with one click.
All characters capitalized
All characters lowercased
First letter of each word capitalized
Only the first letter of the sentence
No spaces, each word capitalized except first
No spaces, every word capitalized
Spaces replaced with underscores
Spaces replaced with hyphens
Alternates upper and lowercase
Characters in reverse order
Why I built this
I am a full stack MERN developer and I switch between JavaScript, Python, and CSS every single day. The problem is that each of these has its own naming convention that is not optional — it is expected. JavaScript variables use camelCase. Python functions use snake_case. CSS class names use kebab-case. React components use PascalCase. Environment variables use UPPER_SNAKE_CASE.
What kept happening: I would get an API response back with keys in PascalCase —FirstName,LastName,EmailAddress. My frontend needed camelCase. I would either write a manual mapping function or sit there renaming properties one by one. Or I was working in Python (snake_case) and referencing a JavaScript library (camelCase). Or I had a list of React component names that needed to become CSS class names — every capital letter needs a hyphen in front of it and the whole thing needs to be lowercased.
Every other online case converter I found converted one format at a time and made you click separately for each. I wanted to paste my text once and see every conversion simultaneously so I could copy whichever one I needed. That is what this tool does.
Which format to use and when
camelCaseuserProfile, shoppingCart, fetchOrderData
JavaScript and TypeScript variables, functions, and object keys. Java variables and methods. Also used for JSON keys in many REST APIs.
PascalCaseUserProfile, ShoppingCart, OrderService
React component names, JavaScript and TypeScript class names, TypeScript interfaces and types. If you are naming something that gets imported as a class or component, use PascalCase.
snake_caseuser_profile, shopping_cart, fetch_order_data
Python variables, functions, and module names. PostgreSQL and MySQL column names. Ruby variables and methods. File names on Linux systems.
kebab-caseuser-profile, shopping-cart, fetch-order-data
CSS class names, HTML custom data attributes, URL slugs, and npm package names. Hyphens are the standard separator in everything web-facing. Never use underscores in CSS.
UPPER CASE / UPPER_SNAKE_CASEAPI_KEY, DATABASE_URL, MAX_RETRY_COUNT
Environment variables in .env files and system configuration. Constants in Python and JavaScript (SCREAMING_SNAKE_CASE is the standard). SQL keywords by convention.
Title CaseHow to Build a REST API, Getting Started Guide
Article headlines, book titles, button labels in UI, navigation items, and page headings. English title case capitalizes every word except articles and short prepositions.
Sentence caseHow to build a REST API
Regular prose, email subjects, paragraph headings, error messages, and toast notifications. Most modern design systems prefer sentence case over Title Case for body-level text.
Real situations where this saves time
API data coming in PascalCase, frontend expecting camelCase
This happens constantly when working with .NET or Java backends that follow C# naming conventions. The API returnsFirstNameandLastNamebut your React components expectfirstNameandlastName. Paste the field names here, copy the camelCase column, done.
Database column names need to become JavaScript object keys
PostgreSQL columns are typically snake_case:created_at,user_id,order_total. In JavaScript you want camelCase. Paste the column names, grab the camelCase version, paste into your model or type definition.
Component names becoming CSS class names
You have React components namedUserProfile,ShoppingCart,CheckoutForm. You need matching CSS classes in kebab-case:user-profile,shopping-cart,checkout-form. Paste the list, copy kebab-case, paste into your stylesheet.
Config keys going into environment variables
You have camelCase config keys in your code —databaseUrl,jwtSecret,maxRetryCount. Environment variable convention is UPPER_SNAKE_CASE:DATABASE_URL,JWT_SECRET,MAX_RETRY_COUNT. Copy from UPPER CASE output, add the underscores where spaces appear.
Fixing accidentally caps-locked text
You typed a whole paragraph with Caps Lock on. Paste it here, hit lowercase or Sentence case, copy the result. Takes three seconds instead of retyping everything.
Who uses this tool
Developers
Converting between camelCase, snake_case, kebab-case, and PascalCase when working across different languages, frameworks, and APIs.
Writers and editors
Fixing Title Case in headlines, correcting accidentally lowercased or all-caps text, and preparing copy for different platforms.
Frontend designers
Preparing CSS class names and design token names in kebab-case, which is the web standard for anything that appears in a stylesheet.
Data analysts
Normalizing column headers and field names when importing data between systems that use different naming conventions.
SEO and content managers
Generating URL-friendly slug formats in lowercase with hyphens from article titles or product names.
Students
Fixing Caps Lock mistakes quickly, formatting variable names for programming assignments, or preparing academic titles.
Questions people ask
Is this case converter free?
Yes. Free with no signup, no character limits, no watermarks, and no usage restrictions. The tool runs in your browser so there are no server costs — which is why there is nothing to charge for.
Does my text get uploaded to a server?
No. All conversion happens in your browser using JavaScript. Your text never leaves your device. This matters when you are converting code, internal variable names, or any text that contains sensitive information.
What is the difference between camelCase and PascalCase?
In camelCase the first word starts with a lowercase letter — helloWorld. In PascalCase every word starts with an uppercase letter including the first — HelloWorld. Use camelCase for JavaScript variables and functions. Use PascalCase for class names, TypeScript interfaces, and React components.
When should I use snake_case versus kebab-case?
Use snake_case for Python, Ruby, database column names, and file names on Linux. Use kebab-case for CSS class names, HTML data attributes, URL slugs, and npm package names. The rule of thumb: if it goes into a stylesheet or a URL, use hyphens. If it goes into Python or a database, use underscores.
How do I convert text to UPPERCASE online?
Paste your text into the box above. The UPPER CASE result appears immediately. Click Copy next to it and your converted text is in your clipboard. No button needed — the conversion happens as you type.
Can I convert multiple lines or a list of variable names at once?
Yes. Paste as many lines as you want. The converter handles all of them simultaneously. The output for each format will include all your lines converted, maintaining line breaks.
Why does Title Case not always match what style guides expect?
This tool uses a simple rule — capitalize the first letter of every word. Most formal style guides (Chicago, AP) have exceptions for short prepositions, articles, and conjunctions like "the", "a", "of", "and". For headlines where exact style guide compliance matters, review the output after converting.
Does it work on mobile?
Yes. The tool is fully responsive. On mobile you can paste text from your clipboard, tap the Copy button next to any format, and paste directly into another app.