kebab-case Converter - Hyphenate Text
What is a kebab-case converter?
A kebab-case converter turns phrases into lowercase words separated by hyphens. It removes spaces and special characters so the result is URL- and CSS-friendly. Use it to name CSS classes, file paths, or readable URLs. Processing stays in your browser.
How to use the kebab-case converter
- Enter text: Paste a phrase, class name, or title.
- Convert: Click Convert to see kebab-case output.
- Copy or download: Copy the result or save it for your project.
Why use this tool?
- Web-ready: Perfect for semantic URLs and CSS class names.
- Consistent: Standardize naming across repos and CMSs.
- Fast: Avoid manual hyphen insertion and casing mistakes.
Use case 1: URL paths
Turn blog titles into clean slugs like optimize-images-for-web.
Use case 2: CSS class names
Create class names that read well and match BEM-style modifiers.
Use case 3: Asset filenames
Save graphics or downloads with hyphenated names for easy sharing.
Examples
Basic example
Input: Hero Banner Title
Output: hero-banner-title
Advanced example
Input: Product CTA - New!
Output: product-cta-new
Common errors
Extra hyphens
Multiple punctuation marks can create double hyphens. Enable collapse delimiters or edit after conversion.
Accented letters
If accents remain, toggle transliteration to convert them to ASCII.
Tips and proven approaches
- Choose hyphens over underscores for readability and SEO.
- For variables, use the camelCase converter; for constants, try SCREAMING_SNAKE_CASE.
- Clean input with the plain text converter to remove hidden characters.
Related tools
- Generate URL slugs with the slugify generator.
- Prepare CSS by formatting with the CSS formatter.
Privacy and security
Conversion runs locally in your browser. No text is uploaded or stored.