Skip to content
uencoder
PIPELINE Text Processing Beginner 2 steps

Kebab Case and URL Encode

Kebab-case is URL-friendly. URL-encoding ensures special chars are escaped. This chain creates URL-safe slugs.

What it solves

Convert to kebab-case then URL-encode for safe URL slugs.

Input → Output

Text Kebab Case input → URL Encoder output across 2 steps.

Runs in

1–2 minutes · fully local in your browser.

Before you start

  • Text input

The pipeline

  1. 1 Text Kebab Case text-kebab-case

    Convert text to kebab-case. Word splitting is simple: consecutive capitals are split one character at a time, so "XMLHttpRequest" becomes "xmlhttp-request" rather than "xml-http-request".

  2. 2 URL Encoder url-encode

    Percent-encode text for safe use in URLs. Free, private, and 100% client-side.

Open in Toolchain

Runs locally in your browser. The recipe defines the pipeline only — your input never leaves this tab.

▶Run this workflow

Enter your input below and click Run. All processing happens locally in your browser — nothing is uploaded.

Pipeline progress

  1. Text Kebab Casetext-kebab-case
  2. URL Encoderurl-encode

Sample input

Hello World

Expected output

hello-world

This pair is executed against the real tools at build time (tests/unit/recipes.test.ts) — the expected output is verified, not illustrative.

Related workflows

You might also need

Workflows sharing tools or topics with this recipe.

Learn more

Tools used