⚡

Text to kebab-case Converter

Convert any text, camelCase, or snake_case to kebab-case instantly

Need all formats? Use the full text case converter with 12 naming conventions.

About This Tool

kebab-case is the standard naming convention for CSS classes, URL slugs, HTML attributes, and CLI flags. Words are lowercase and separated by hyphens: `user-profile`, `background-color`, `my-awesome-project`. This tool instantly converts any text to kebab-case. Whether you're generating CSS class names from JavaScript variables, creating URL-friendly slugs, or naming CLI arguments, just paste your text and copy the result. It handles camelCase, PascalCase, snake_case, dots, spaces, and mixed formats.

How to Use

1. Type or paste any text — camelCase, snake_case, PascalCase, or plain words 2. The kebab-case result appears highlighted 3. All other case formats are also shown below 4. Click "Copy" to copy the kebab-case result

Frequently Asked Questions

What is kebab-case?
kebab-case is a naming convention where words are lowercase and separated by hyphens. Example: 'get-user-name'. It's called kebab-case because the hyphens look like a skewer through the words. It's the standard in CSS, URLs, HTML data attributes, and CLI arguments.
How do I convert camelCase to kebab-case?
Paste your camelCase text (e.g., 'getUserName') and the tool splits it at uppercase boundaries, lowercases everything, and joins with hyphens to produce 'get-user-name'.
When should I use kebab-case?
Use kebab-case for: CSS class names (.user-profile), URL slugs (/blog/my-first-post), HTML data attributes (data-user-id), CLI flags (--output-dir), npm package names, and Git branch names.
What's the difference between kebab-case and snake_case?
Both separate words in lowercase, but kebab-case uses hyphens (get-user-name) while snake_case uses underscores (get_user_name). kebab-case is standard in CSS and URLs; snake_case is standard in Python and SQL.
Why can't I use kebab-case for variable names in most languages?
Most programming languages interpret the hyphen as a minus operator, so 'get-user-name' would be parsed as 'get minus user minus name'. That's why kebab-case is used in CSS, HTML, URLs, and config files — but not in JavaScript, Python, or Java variable names.

Related Tools

Text Case Converter

Convert text between camelCase, snake_case, kebab-case, PascalCase, UPPER_CASE, Title Case, and more

Text to snake_case Converter

Convert any text, camelCase, PascalCase, or kebab-case to snake_case instantly

Text to camelCase Converter

Convert any text, snake_case, kebab-case, or PascalCase to camelCase instantly