Free online text transformation tools
Kebab Case joins words with hyphens and lowercases all letters, producing identifiers like "my-component-name". It is the standard format for CSS class names, HTML custom attributes, URL slugs, and npm package names. Convert any phrase to kebab-case in one click.
kebab-case is used for CSS class names, HTML data attributes, URL slugs, npm package names, and file names in many front-end projects.
They are very similar. URL slugs are typically kebab-case, but slugify tools also strip or transliterate special characters for broader URL safety.