PascalCase Converter — Classes, Components & Types Explained

What is PascalCase?

PascalCase (also called UpperCamelCase) capitalises the first letter of every word in a compound identifier, including the very first word. No spaces, hyphens or underscores are used. The convention is named after the Pascal programming language, which popularised this style in the 1970s.

Examples:

• UserProfile — a class or React component
• HttpResponseMessage — a type in .NET
• PaymentGatewayAdapter — a design-pattern class
• NavBar — a UI component name
• DatabaseConnectionPool — a service class

Where PascalCase is used

• Classes (all OOP languages): Java, C#, Python, TypeScript, Kotlin, Swift — all use PascalCase for class names by convention and by the compiler/linter.
• React components: JSX requires component names to start with a capital letter to distinguish them from native HTML elements. <NavBar /> is a component; <navbar /> is an unknown HTML element.
• TypeScript types and interfaces: interface UserProfile, type ApiResponse. TypeScript's own standard library follows PascalCase for all type names.
• Enumerations: both the enum name and its members are typically PascalCase (enum UserRole { Admin, Editor, Viewer }).
• C# public members: Microsoft's .NET coding conventions mandate PascalCase for all public properties and methods — even when camelCase is used privately. This is the primary reason C# developers sometimes find cross-language collaboration confusing.
• File names for components: Angular, React and Vue projects conventionally name component files in PascalCase (UserProfile.tsx, NavBar.vue).

PascalCase vs camelCase — the semantic split

The distinction between PascalCase and camelCase is not aesthetic — it carries meaning. In most codebases, PascalCase signals "this is a type or category you instantiate or import", while camelCase signals "this is a value or action".

• class UserProfile (PascalCase) vs const userProfile = new UserProfile() (camelCase)
• function GetUser (wrong in JS/TS — looks like a constructor) vs function getUser (correct camelCase)
• interface ApiConfig (PascalCase type) vs const apiConfig: ApiConfig = {…} (camelCase variable of that type)

Frequently asked questions