Pascal Case Converter — Free Online Tool
What is Pascal Case Converter?
Pascal Case (PascalCase), also called Upper Camel Case, capitalises the first letter of every word and joins them without any separator. The result looks like ThisIsPascalCase.
It is the required naming convention for class names in Java, C#, C++, and TypeScript, and every React or Vue component must use PascalCase to be recognised by the framework. This tool converts input from any format — plain text, snake_case, kebab-case, or camelCase — into clean PascalCase output ready for your codebase.
When to use Pascal Case Converter?
Use PascalCase for class names in Java, C#, C++, and TypeScript. React and Vue components must be named in PascalCase so the framework can distinguish them from native HTML elements. TypeScript interfaces and type aliases conventionally use PascalCase as well.
NET developers use it for public methods, properties, and namespaces. If you need the first letter lowercase instead, use the Camel Case Converter. For a hyphen-separated format suitable for CSS or URLs, try the Kebab Case Converter.
How to use this tool
- 1Enter your text or phrase
- 2Click 'Convert' to get PascalCase
- 3Copy for your class or component name
The converter detects word boundaries from spaces, hyphens, underscores, dots, and existing camelCase transitions, then capitalises the first letter of every resulting word and joins them together.
Examples
| Input | Output |
|---|---|
| hello world | HelloWorld |
| first name | FirstName |
| background-color | BackgroundColor |
| my_component | MyComponent |
| api_response_handler | ApiResponseHandler |
Rules & Behavior
- Every word starts with an uppercase letter. The first letter of every detected word is capitalised, including the very first word — this is what distinguishes PascalCase from camelCase.
- No spaces, hyphens, underscores, or other separators remain in the output. Words are joined directly together, with the capital letters serving as the only word-boundary indicators.
- Numbers are preserved as-is within the output. For example, 'item 2 count' becomes 'Item2Count'. Digits do not trigger a new word boundary on their own.
Related Tools
Frequently Asked Questions
What is PascalCase?
PascalCase (also called UpperCamelCase) is a naming convention where every word starts with a capital letter and words are joined without any separators. For example, MyClassName or HttpResponseHandler. It is named after the Pascal programming language, which popularised this style. It is the standard for class names across most object-oriented languages.
When should I use PascalCase?
PascalCase is required for class names in Java, C#, C++, and TypeScript. React components must be PascalCase so JSX can distinguish them from HTML elements. Vue single-file components follow the same rule. .NET uses PascalCase for public methods and properties. TypeScript interfaces (IUserProfile) and type aliases also use it.
How is PascalCase different from camelCase?
camelCase starts with a lowercase letter (myVariable) while PascalCase starts with an uppercase letter (MyVariable). In practice, camelCase is for variables and functions, PascalCase is for classes and components. Both remove separators and use capital letters to mark word boundaries.
Is PascalCase the same as UpperCamelCase?
Yes, PascalCase and UpperCamelCase are exactly the same convention. Both terms refer to the style where every word begins with a capital letter and no separators are used. 'PascalCase' is the more common name, while 'UpperCamelCase' explicitly contrasts it with (lower) camelCase.
Can I convert snake_case to PascalCase?
Yes. Paste your snake_case text (like my_component_name) and the tool splits it at underscores, capitalises each word, and joins them to produce PascalCase (MyComponentName). It also handles kebab-case input, dot.case, and plain text.