Convert Text to kebab-case — CSS & URL Convention
Quick Answer: Paste text to convert to kebab-case. All words are lowercase separated by hyphens: "firstName" becomes "first-name". The standard for CSS class names, URL slugs, HTML attributes, and npm package names.
100% client-side — your text never leaves your browser
Input
0 characters|0 words|0 lines
Output
0 characters|0 words|0 lines
FAQ
When should I use kebab-case?
CSS class names (BEM: block__element--modifier), URL slugs (/my-page-title), HTML data attributes (data-user-id), npm package names, and Git branch names.
Is kebab-case the same as lisp-case?
Yes. The same convention is called kebab-case, lisp-case, or spinal-case depending on the community. All use lowercase-words-joined-by-hyphens.