Convert text to kebab-case — and see all four developer case formats simultaneously: kebab-case, camelCase, PascalCase, and snake_case.
Enter your code, parameters, or expression in the left editor panel.
Review the live output, generated code, or conversion results in real-time.
Click Copy or Download to grab your production-ready code or output instantly.
kebab-case writes all words in lowercase and separates them with hyphens. "user login count" becomes "user-login-count". The name comes from the appearance of words threaded on a hyphen like a kebab skewer.
Use kebab-case for CSS class names and IDs, HTML data-* attributes, URL slugs and paths, npm/yarn package names, file names in web projects, and most YAML/TOML config keys.
Yes — kebab-case, slug-case, spinal-case, and dash-case all refer to the same format: lowercase words separated by hyphens. The term "slug" is most common in content management and SEO contexts.
Accented characters are normalised to their ASCII equivalents before conversion: é becomes e, ü becomes u, ñ becomes n, etc. This ensures the output is valid for CSS, HTML attributes, and URLs.
Yes — the tool shows a Train-Case variant (My-Component-Name) alongside the standard kebab-case. Train-Case is used in some HTTP headers and component naming conventions.
Yes. All conversion runs locally in your browser. Nothing is sent to any server.