PascalCase Converter
Convert text to PascalCase (UpperCamelCase) used for class names and components.
What is PascalCase?
PascalCase (also known as UpperCamelCase or StudlyCase) is identical to camelCase but also capitalizes the very first letter. It was named after the Pascal programming language and is universally used for class and component names.
hello world example→HelloWorldExampleWhen to Use PascalCase
Use PascalCase for class names, React/Vue components, TypeScript interfaces, enums, type aliases, and constructor functions. In C# and .NET, PascalCase applies to almost everything including methods.
Do not use PascalCase for variables, function parameters, or JSON keys — those follow camelCase in most languages. Never use it for CSS, URLs, or file names.
Industry Standard
PascalCase is required by the Microsoft .NET Framework naming guidelines for all type names (classes, interfaces, enums, structs). The React documentation specifies PascalCase for all component names — JSX treats lowercase names as HTML elements and capitalized names as components.
How to Use This PascalCase Converter
- Paste or type your text into the Input Text box on the left.
- The output is converted to PascalCase instantly on the right.
- Click Copy to copy the result to your clipboard.
- Use Clear to reset and convert new text.
PascalCase in Programming Languages
function UserProfile() { return <div/> }interface UserProfile { name: string }public class UserProfile { }class UserProfile:public class UserProfile { }Frequently Asked Questions
Is this PascalCase converter free?
Yes, completely free — no signup, no account, no limits.
Does my text get stored or sent anywhere?
No. All conversions happen entirely in your browser using JavaScript. Your text never leaves your device and is never sent to any server.
When should I use PascalCase?
Use PascalCase for class names, React/Vue components, TypeScript interfaces, enums, type aliases, and constructor functions. In C# and .NET, PascalCase applies to almost everything including methods.
Expert tip
In React, this distinction is critical: <button> renders an HTML button element, while <Button> renders your React component. A missing capital letter is one of the most common React beginner bugs.