Menu

Menu

snake case online in kebab case umrechnen

Snake Case zu Kebab Case Konverter

Sie möchten von Snake Case nach Kebab Case? Text einfügen—das Ergebnis aktualisiert sich live. Beispiel: „Hello World Example“ wird zu „hello-world-example“.

So funktioniert die Umwandlung

Words are lowercase and separated by hyphens (-).

Often used in HTML attributes, CSS classes, and route slugs. Teams often land here from Snake Case searches when they already have a draft string and want reliable Kebab Case output.

Beispiel

Beispiel vor dem Go-live:

  • Einfügen: Hello World Example
  • Kebab Case als Zielformat wählen.
  • Second try: “Quick-Brown Fox” → “quick-brown-fox”.
Ergebnis: hello-world-example — zum Kopieren bereit.

Über die Einheiten

Snake Case

snake_case identifiers such as user_profile_id.

Helpful reference when your source string already looks like Snake Case.

Kebab Case

Produces kebab-case tokens that work in URLs and CSS.

This page outputs Kebab Case so you can paste into docs, UI, or repositories.

Typische Einsätze

  • Normalize variable or file names when moving between languages and style guides.
  • Fix accidental caps lock in customer-facing headings before go-live.
  • Prepare slug-friendly strings for URLs, anchors, and design tokens.
  • Compare how a phrase looks in Snake Case versus Kebab Case before picking a convention.

Häufig gestellte Fragen

Underscore to hyphen for URLs?

`spring_sale` → `spring-sale`—one of the most direct snake → kebab paths.

npm package from snake repo?

Repos often use snake; published package names frequently use kebab.

CSS from Sass variables?

`$primary_color` style tokens sometimes become `primary-color` classes.

Already hyphenated?

If input uses `-`, they stay; snake input with `_` is the typical case here.

Fazit

Use this Snake Case to Kebab Case page when you want fast, readable Kebab Case text without a spreadsheet formula or manual retyping. Bookmark it for the next time design, marketing, or engineering needs the same casing call.