kebab-case Converter Privacy: All processing runs locally
Convert text to kebab-case. Handles camelCase, PascalCase, spaces, underscores, and more.
How It Works
The kebab-case converter transforms any text into kebab-case format, where all letters are lowercase and words are separated by hyphens (-). This naming convention is also known as "spinal-case" or "lisp-case."
This tool intelligently handles multiple input formats:
- camelCase —
myVariableNamebecomesmy-variable-name - PascalCase —
MyClassNamebecomesmy-class-name - Spaces —
hello worldbecomeshello-world - Underscores (snake_case) —
my_variablebecomesmy-variable - CONSTANT_CASE —
MAX_VALUEbecomesmax-value - Mixed input —
Some mixedInput_textbecomessome-mixed-input-text
kebab-case is widely used in CSS class names, HTML attributes, URL slugs, and component file names in frameworks like Angular and Vue. It is the preferred format for CSS custom properties (variables) and BEM methodology class naming. Many CLI tools and configuration file keys also use kebab-case.
The conversion runs entirely in your browser using JavaScript. No text is transmitted to any server, making this tool safe for converting proprietary component names, internal URLs, or sensitive identifiers.