kebab-case Converter
Convert your text to kebab-case format. Perfect for URLs, CSS classes, and SEO-friendly slugs.
0 characters0 words
0 characters0 words
About kebab-case Converter
What is kebab-case?
kebab-case (also known as dash-case or hyphen-case) is a naming convention where words are separated by hyphens and all letters are lowercase. It's called "kebab case" because the hyphens resemble skewers holding pieces of food together, like a kebab.
When to use kebab-case?
- URL slugs and permalinks (example.com/my-blog-post)
- CSS class names (.my-button-class)
- HTML element IDs (#my-element-id)
- File names (my-document.pdf)
- Git branch names (feature/my-new-feature)
- Docker container names
- Custom HTML element names (web components)
Example transformations
Input: "How to Make Great Coffee"
Output: "how-to-make-great-coffee"
Input: "Primary Button Component"
Output: "primary-button-component"
SEO Benefits
kebab-case is highly recommended for URLs because:
- Search engines treat hyphens as word separators
- Improves readability in search results
- Makes URLs more user-friendly and shareable
- Better for accessibility and screen readers
- Universally supported across all platforms