kebab-case Converter

Kebab case (also called hyphen-case or dash-case) is a naming convention where multiple words are joined together with hyphens, and all letters are typically lowercase. For example, "my-variable-name" or "user-account-balance" are in kebab-case.

Kebab case is commonly used for CSS class names, HTML attributes, URL slugs, file names, and configuration keys. It improves readability by clearly separating words while maintaining a consistent, lowercase style that works well in web contexts.

Kebab case is the standard convention for:

• CSS Classes: HTML class names and CSS selectors (e.g., "btn-primary", "nav-menu-item")
• URL Slugs: SEO-friendly URLs and permalinks (e.g., "/blog/my-article-title")
• HTML Attributes: Data attributes and custom attributes (e.g., "data-user-id")
• File Names: Web files, images, and assets (e.g., "my-image-file.jpg")
• Package Names: npm packages, Python packages, and other package managers
• Configuration Keys: YAML, JSON, and config file keys
• API Endpoints: REST API URLs and route names

Understanding different naming conventions helps you choose the right one:

• kebab-case: Words separated by hyphens, all lowercase (e.g., "my-variable-name") - used for CSS, URLs, file names
• camelCase: No separators, first word lowercase (e.g., "myVariableName") - used for JavaScript variables
• snake_case: Words separated by underscores (e.g., "my_variable_name") - used for Python, databases
• PascalCase: No separators, all words capitalized (e.g., "MyVariableName") - used for classes

Each convention has its use cases: kebab-case for web-facing identifiers, camelCase for code variables, snake_case for Python/databases, and PascalCase for classes.