PascalCase Converter

Convert any text, snake_case, kebab-case, or camelCase to PascalCase (UpperCamelCase). Every word capitalised, no separators. Standard for class names, React components, and TypeScript types.

Runs locallyInstantPrivate
Input
Output
PascalCase output appears here.

When to use PascalCase

PascalCase is the universal standard for class and type names. In TypeScript: interface UserProfile, type ApiResponse, class OrderService. In React: every component file and component function must be PascalCase — React differentiates native HTML elements from custom components by the first letter case. In C# and Java, method names are also PascalCase.

Conversion examples

  • user_profile_data → UserProfileData
  • get-http-request → GetHttpRequest
  • my component name → MyComponentName
  • userProfileData → UserProfileData

Frequently asked questions

What is the difference between PascalCase and camelCase?

PascalCase capitalises every word including the first: UserProfile. camelCase starts lowercase: userProfile. PascalCase for types/classes/components; camelCase for variables/functions.

Where is PascalCase used?

Class names in all OOP languages, React component names (required by React), TypeScript interface and type names, C# method names, enum values, and JavaScript constructor functions.

Why does React require PascalCase for components?

React uses the first letter of a JSX tag to distinguish native HTML elements (lowercase) from custom components (uppercase). <mycomponent /> renders as an unknown HTML element; <MyComponent /> renders your component.

Related tools

camelCase ConverterConvert snake_case, kebab-case, or text to camelCase.snake_case ConverterConvert camelCase, PascalCase, or text to snake_case.kebab-case ConverterConvert camelCase, snake_case, or text to kebab-case for CSS and URLs.Word CounterWords, characters, sentences, paragraphs, and reading time together.