Free Text to kebab-case

URLs, CSS classes and HTML attributes love kebab-case. Paste any phrase and this free tool converts it to lowercase words joined by hyphens — clean, readable and web-ready in one click.

Private by design. This tool runs 100% in your browser — your text is never uploaded to any server.

How to Use the Text to kebab-case

  1. Type or paste your phrase.
  2. Click “Convert to kebab-case”.
  3. Get hyphen-joined lowercase output.
  4. Copy it into your URL or stylesheet.

Features

Splits words on spaces, underscores, camel humps and other separators, lowercases everything and joins with single hyphens. Collapses accidental double hyphens and strips leading/trailing ones for always-valid output.

Benefits & Use Cases

Front-end developers generate CSS class names from design labels. Content teams draft URL slugs by hand. HTML authors create consistent id and data attributes. API designers name kebab-case query parameters.

Tips

For full URL slugs with accent stripping, use the dedicated Text to URL Slug tool instead — it handles é → e and more. Kebab-case is the conventional style for CSS; don’t use it for JavaScript variables (use camelCase). Numbers are preserved inline.

Frequently Asked Questions

Is it free?

Yes, free and unlimited.

What is kebab-case?

Lowercase words joined by hyphens, like “my-page-title”.

How is it different from a URL slug?

Similar, but the slug tool also strips accents and offers underscore separators.

Does it lowercase everything?

Yes — output is always all-lowercase.

Is my text uploaded?

No, conversion runs locally.

Related Tools