kebab-case Converter
Convert phrases to kebab-case for URLs, CSS classes, and CLI flags. Free kebab case converter—hyphen-separated slugs.
Enjoying this tool?
Part of Case converters
About kebab-case Converter
kebab-case lowercases words and joins them with hyphens. It is the standard shape for readable URL slugs and common in CSS class names, package names, and command-line options.
How to Use kebab-case Converter
Paste a title, label, or identifier. The converter lowercases words and joins them with hyphens. Copy the result into your CMS, stylesheet, package config, or docs route.
When to Use kebab-case Converter
SEO: Draft clean, lowercase URL slugs. CSS: Name utility classes and component modifiers. CLI docs: Format readable flags and command examples.
Why Use This kebab-case Converter?
Hyphenated lowercase names are readable to humans and reliable across URLs, files, and command-line contexts.
Unicode vs HTML formatting
kebab-case is more URL-friendly than snake_case because hyphens are visually natural in search results. It is not valid as a JavaScript variable name without quotes.
Platform compatibility
Use kebab-case for blog slugs, docs routes, npm package names, CSS utilities, and flags such as --dry-run. Use snake_case or camelCase for programming identifiers.
How to use
1. Paste a title, label, or identifier.
2. The converter lowercases words and joins them with hyphens.
3. Copy the result into your CMS, stylesheet, package config, or docs route.
Frequently asked questions
Is kebab-case the same as slug case?
They are closely related. URL slugs usually use kebab-case plus extra rules for uniqueness and stop words.
Can I use kebab-case for JavaScript variables?
Not directly. Hyphens are parsed as minus signs. Use camelCase for JavaScript variables.
Does this replace accents?
The converter normalizes common accented Latin characters before building the kebab-case output.