kebab-case Converter
Convert text to kebab-case for CSS classes, HTML IDs, and URLs. Free online kebab-case converter, no signup needed.
Three steps to get started
Paste your text
Enter a phrase, camelCase, or any text format.
Converts to kebab-case
All words lowercased and joined with hyphens. Other separators removed.
Copy the identifier
Click Copy and paste into your CSS, HTML, or URL.
kebab-case: the choice for CSS and URLs
kebab-case is the preferred convention for CSS class names, HTML attributes, URL slugs, and file names in web development. All letters are lowercase, and words are separated by hyphens — making it both human-readable and URL-safe.
Common uses:
- CSS classes:
.button-primary,.nav-menu-item,.hero-section - HTML attributes:
data-user-id,aria-label - URL paths:
/blog/my-first-post,/docs/getting-started - NPM package names:
react-query,next-auth
The converter accepts any input format and produces clean kebab-case. It's particularly useful when converting camelCase JavaScript names to kebab-case CSS counterparts, or preparing text for URL generation. All processing is done locally in your browser — no server, no tracking, no limits.