🍢

kebab-case Converter Online Free

Convert text to kebab-case — the CSS, URL, and HTML attribute naming convention

Advertisement — 728×90
Advertisement — 728×90

About the kebab-case Converter Tool

kebab-case uses all lowercase letters with hyphens connecting words. It's the universal convention for CSS class names, HTML attributes, URL slugs, and CLI command options.

Common Use Cases

  • CSS class names (.my-component)
  • URL slugs (/blog/my-post-title)
  • HTML data attributes (data-user-id)
  • NPM package names
  • CLI command flags (--dry-run)

Why Use This Tool?

CSS requires kebab-case for class names and custom properties. URLs use kebab-case for SEO-friendly slugs. NPM packages are named in kebab-case. HTML data attributes follow kebab-case. This makes it one of the most-used conventions in web development. Convert any text to kebab-case instantly with this free tool.