Kebab Case Text Converter
Convert any text to kebab-case instantly. Paste your text below and click kebab-case to transform it.
0 Characters0 Words0 Sentences0 Lines
What is kebab-case?
kebab-case is a naming convention where words are separated by hyphens and all letters are lowercase. For example, "my variable name" becomes "my-variable-name". The name comes from the way words are skewered together like items on a kebab.
When to Use kebab-case
- • URL slugs — /my-blog-post, /about-us (SEO-friendly)
- • CSS class names — .nav-bar, .hero-section, .btn-primary
- • HTML attributes — data-user-id, aria-label
- • File names — my-component.tsx, user-profile.css
- • NPM package names — react-router, next-auth
Why kebab-case is SEO-Friendly for URLs
Google recommends using hyphens to separate words in URLs rather than underscores. Search engines treat hyphens as word separators, making "my-blog-post" more readable and indexable than "my_blog_post" or "myblogpost".