kebab-case Converter
Convert text into kebab-case for URL slugs, CSS classes, package names, and command-line flags.
Enjoying this tool?
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.
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 kebab-case Converter
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.
Examples
- How to Write Better Headlines → how-to-write-better-headlines
- Primary Button Large → primary-button-large
- dry run mode → dry-run-mode
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.
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.