Camel Case to Kebab Case Converter
Turn camelCase identifiers such as userProfileImage into kebab-case such as user-profile-image.
Free, private, and processed in your browser.
Detected: snake_case
kebab-case output
user-profile-image-url
All naming formats
camelCase
userProfileImageUrlPascalCase
UserProfileImageUrlsnake_case
user_profile_image_urlkebab-case
user-profile-image-urlCONSTANT_CASE
USER_PROFILE_IMAGE_URLdot.case
user.profile.image.urlpath/case
user/profile/image/urlConversion happens locally in your browser. Your input is not sent to a conversion server.
Examples
| Input | Output |
|---|---|
| userProfileImage | user-profile-image |
| backgroundColor | background-color |
| apiResponseUrl | api-response-url |
How this converter works
Paste text or an identifier above. The tool detects word boundaries and common separators, then formats the result using the selected naming convention.
- camelCase word boundaries are split before lowercase normalization.
- Words are joined with hyphens to produce kebab-case.
Common use cases
Create slugs, custom-element names, CSS-style identifiers, or tooling keys from JavaScript variables.
Convert application identifiers into URL- or config-friendly hyphenated values.