Convert PascalCase to kebab-case

Transform PascalCase class names to kebab-case format instantly. Ideal for creating SEO-friendly URLs, CSS class names, npm package names, and HTML attributes.

0 characters
0 characters

Examples: PascalCase to kebab-case

Input (PascalCase):
UserProfile
Output (kebab-case):
user-profile
Usage:https://site.com/user-profile
Input (PascalCase):
ShoppingCart
Output (kebab-case):
shopping-cart
Usage:<div class="shopping-cart">
Input (PascalCase):
ReactRouterDom
Output (kebab-case):
react-router-dom
Usage:npm install react-router-dom
Input (PascalCase):
DatabaseConnection
Output (kebab-case):
database-connection
Usage:data-attribute='database-connection'
Input (PascalCase):
BlogPostTitle
Output (kebab-case):
blog-post-title
Usage:/blog/blog-post-title
Input (PascalCase):
ApiResponseHandler
Output (kebab-case):
api-response-handler
Usage:docker run api-response-handler:latest

When to Use PascalCase

  • Class names in most languages
  • Constructor functions
  • React component names
  • C# method names
Common in:
C#JavaTypeScriptC++Python (classes)

When to Use kebab-case

  • URL slugs and paths
  • CSS class names
  • HTML attributes
  • npm package names
Common in:
CSSHTMLURLsnpmKubernetes

Related Conversions

snake_case → camelCase
Python to JavaScript
camelCase → snake_case
JavaScript to Python
PascalCase → kebab-case
Classes to URLs
kebab-case → camelCase
CSS to JavaScript
snake_case → PascalCase
Database to Classes
All Conversions
Convert to any format