kebab-case Converter
Convert text to kebab-case — the standard naming for URL slugs, CSS class names, and HTML attributes.
About kebab-case Converter
kebab-case is a naming convention where all letters are lowercase and words are separated by hyphens. Examples: first-name, get-user-by-id, my-component-name. It is the standard for URL slugs, CSS class names (BEM methodology), HTML5 custom element names, and CSS custom properties (--my-color).
The name "kebab-case" comes from the visual resemblance to meat on a skewer. It is also called "spinal-case", "lisp-case", or "dash-case" in different communities. This converter handles input from any case format and produces consistent kebab-case output.
FAQ
What is the difference between camelCase and PascalCase?
camelCase starts with a lowercase letter (myVariableName) while PascalCase (also called UpperCamelCase) starts with an uppercase letter (MyClassName). PascalCase is typically used for class names and component names, while camelCase is used for variables and methods.
Which case convention should I use?
Follow the convention of your language and framework. JavaScript/TypeScript: camelCase for variables, PascalCase for classes. Python: snake_case for everything (PEP 8). CSS: kebab-case for class names. SQL: snake_case for column names. Go: camelCase for unexported, PascalCase for exported identifiers.