kebab-case Converter — Create URL Slugs and CSS Classes
Convert text to kebab-case with hyphens between lowercase words. Perfect for URL slugs, CSS class names, HTML attributes, and file naming conventions.
kebab-case for SEO-Friendly URLs
Google recommends using hyphens to separate words in URLs. A URL like /word-counter-for-essays is more readable and SEO-friendly than /wordCounterForEssays or /word_counter_for_essays. This tool generates kebab-case text that you can use directly as URL slugs.
kebab-case in Frontend Development
CSS class names like .main-container, .nav-link, and .btn-primary all follow kebab-case convention. BEM methodology also builds on kebab-case with block__element--modifier syntax. Use this converter to quickly format class names and keep your stylesheets consistent.
Frequently Asked Questions
kebab-case is a naming convention where words are separated by hyphens and all letters are lowercase. Examples: get-user-name, is-valid, total-item-count. It is named kebab-case because the hyphens resemble a skewer running through the words.
kebab-case is the standard for URL slugs, CSS class names, HTML custom data attributes, command-line flags, and file names in many web projects. It is also the convention for component names in Vue.js templates and Angular selectors.