The Universal Kebab Case Converter & Web Slug Naming Suite by RiazHub is a fast, 100% client-side developer utility designed to transform plain text, multi-line lists, and programming variables into SEO-friendly kebab-case, clean URL slugs, CSS class selectors (.class-name), W3C-compliant Web Component tags (<custom-tag></custom-tag>), and HTTP header TRAIN-CASE (SCREAMING-KEBAB-CASE) in real time.
Engineered with an intelligent boundary-disambiguation tokenizer, it automatically handles camelCase, PascalCase, mixed underscores/slashes, consecutive acronyms (such as parseJSONPayload ➔ parse-json-payload), and Unicode diacritic stripping (such as crème brûlée ➔ creme-brulee). Featuring a live 4-card metric grid (Words, Characters, Hyphens Inserted, Total Lines), 1-click preset profiles, bulk line-by-line processing, deduplication, drag-and-drop text file uploading, and instant copy/export capabilities, it delivers zero-latency string formatting entirely inside your browser with complete privacy.
Universal Kebab Case Converter & Web Slug Suite
Convert text, variable names, and multi-line strings into clean kebab-case, CSS class names, URL slugs, and TRAIN-CASE in real time.
Source Input Text
Kebab-Case Engine Rules
Developer Guide & Web Naming Standards
kebab-case (also known as dash-case or lisp-case) separates words with hyphens (-). Because CSS class selectors and HTML attributes are case-insensitive in HTML5 standards, using hyphens eliminates ambiguity and prevents unexpected casing bugs across different browsers and web parsers.
Search engines (such as Google and Bing) treat hyphens as natural word separators in URLs, whereas underscores (_) are often treated as joined characters. Therefore, kebab-case is the gold standard for SEO-optimized permalinks.
kebab-case: All lowercase words separated by hyphens (e.g., user-profile-settings). Used in CSS, HTML attributes, CLI flags, and REST APIs.
TRAIN-CASE (or SCREAMING-KEBAB-CASE): All uppercase words joined with hyphens (e.g., CONTENT-TYPE, X-REQUEST-ID). Commonly found in HTTP headers, COBOL, Fortran, and strict protocol specifications.
Lisp-case: Functionally identical to kebab-case, historically rooted in the Lisp programming language family (Scheme, Clojure, Common Lisp) where hyphens are valid identifier characters.
Under the W3C Web Components standard, any custom element tag name must contain at least one hyphen (-) (e.g., <app-modal>, <user-avatar-card>). This rule ensures that user-defined components never clash with future native HTML tags added by the WHATWG/W3C specifications.
All tokenization, regex splitting, Unicode accent removal, and casing conversions happen 100% locally inside your web browser using modern ES6+ JavaScript. No text, variable names, secret keys, or uploaded files are ever sent to our servers or third parties.