Skip to content We're live on Product Hunt today Upvote
install

free tools runs in this tab no account, no upload

free tool

Case converter

What is this name in camelCase, kebab-case and SCREAMING_SNAKE?

One identifier written every way a codebase spells it. It splits on the boundary rather than on the separator, so an existing camelCase name converts correctly instead of becoming one long word.

userProfileCardIsActive Split into 5 words on case and separator boundaries.
  • PascalCase UserProfileCardIsActive
  • kebab-case user-profile-card-is-active
  • snake_case user_profile_card_is_active
  • CONSTANT_CASE USER_PROFILE_CARD_IS_ACTIVE
  • Title Case User Profile Card Is Active

how to use it

  1. Paste the name in whatever case you have it.
  2. Read all five spellings; the split is on word boundaries, not on separators.
  3. Copy the one your layer of the stack uses.

what this page cannot do

The extension reads the class names and custom properties a page actually uses, which is how you find out the codebase spells the same concept three ways in three files.

Classes in the panel What is actually in this Tailwind class list?