>_

camelCase to kebab-case

camelCase is common for JavaScript / TypeScript / Java variables and JSON keys in many web APIs; kebab-case is used for URLs, CSS classes and properties, HTML attributes and CLI flags. Moving data between languages, databases and APIs often means converting between the two.

Examples

camelCase kebab-case
backgroundColor background-color
fontSize font-size
userProfileCard user-profile-card
maxWidth max-width
onClick on-click

Try it

camelCase 
 
 
 PascalCase  
 
 
 
 snake_case  
 
 
 
 CONSTANT_CASE  
 
 
 
 kebab-case  
 
 
 
 Train-Case  
 
 
 
 dot.case  
 
 
 
 path/case  
 
 
 
 Title Case  
 
 
 
 Sentence case  
 
 
 
 lowercase  
 
 
 
 UPPERCASE  
 
 
 
 
  
 
    
In code
 
 
 
JavaScript
 
const toKebab = (s) => s.replace(/([a-z\d])([A-Z])/g, '$1-$2').toLowerCase();
 
 
Python
 
import re

def to_kebab(s: str) -> str:
    return re.sub(r'([a-z\d])([A-Z])', r'\1-\2', s).lower()
 
 
  
More examples
  
 Open the full Case Converter →