Split identifier-like text into words and emit 11 programming and label casing styles.
The frame below runs the same code as this page, in the reader's own browser. Nothing is sent to us, and nothing is sent to you.
Pick a dark background and the text and panels follow it, so the frame stays readable on a dark page.
Camel and acronym boundaries are separated, underscore, hyphen, dot, slash, and backslash runs become spaces, and whitespace forms tokens for nine naming styles. Full uppercase and lowercase instead apply directly to the original string.
user profile settings
Camel case: userProfileSettings Pascal case: UserProfileSettings Snake case: user_profile_settings Kebab case: user-profile-settings Upper case: USER PROFILE SETTINGS Lower case: user profile settings Title case: User Profile Settings Sentence case: User profile settings Constant case: USER_PROFILE_SETTINGS Dot case: user.profile.settings Path case: user/profile/settings
JavaScript variables use camelCase, class names use PascalCase, CSS and routes use kebab-case, and environment constants use UPPER_SNAKE_CASE.