EverydayDevTools
CategoriesBlogFAQAboutAuthorContact
Text Tools
Recently added

Kebab Case Converter

Convert text to kebab-case for URLs and CSS.

Features

  • Phrase → kebab-case
  • URL and CSS friendly
  • Copy-ready slugs and class names

How to use kebab-case

  • 1
    Paste the phrase.
  • 2
    Convert to kebab-case.
  • 3
    Paste into CSS, routes, or filenames.

Examples

CSS class

Input
Primary Button
Output
primary-button

About kebab-case

Kebab Case Converter produces lowercase hyphenated strings - the usual shape for CSS classes, route segments, and repo file names.

Frequently asked questions

Often similar; dedicated slug tools may also strip accents and punctuation more aggressively.

Treated as separators and turned into hyphens.

Browser-only.

Related tools

Text Tools
Popular
New

Case Converter

Convert text to UPPER, lower, Title Case, camelCase, snake_case, and more.

Open tool →
Text Tools
Popular
New

Text to Slug Converter

Convert any title or phrase into a clean, URL-friendly slug.

Open tool →