What is kebab-case? – Complete Guide with Examples
Published 2026-02-21 · convertcase.in
kebab-case uses hyphens to separate words, with all letters in lowercase. The format looks like words "skewered" on a kebab — hence the name.
Try it now — free instant conversion
No signup · No limits · Works on all devices
1Examples
my-component, convert-case-tool, user-profile-page
2Why Google Recommends It for URLs
Google's John Mueller confirmed that hyphens in URLs are treated as word separators, helping search engines understand the page topic.
3Where It's Used
URL slugs, CSS class names, HTML data attributes, NPM package names, HTML id attributes, file names on web servers.
Frequently Asked Questions
Can kebab-case be used in JavaScript variables?
No — hyphens are subtraction operators in JS. Use camelCase or snake_case for variable names.