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