All Tools About Blog Code Examples MCP Server — Use tools from AI agents
Workflows Paste Anything — Smart Detector Tool Pipeline Builder Bulk / Batch Processor
JSON Tools JSON Formatter & Beautifier JSON Validator JSON to CSV Converter JSON to TypeScript Generator JSON to Python Converter JSON Flatten & Unflatten jq Playground — JSON Processor JSON Mock Data Generator JSON Schema Validator JSONPath Evaluator JSON Schema Generator JSON Patch / Diff Generator
Encoding Tools Base64 Encoder / Decoder URL Encoder / Decoder Hash Generator (MD5/SHA) JWT Decoder HTML Entity Encoder / Decoder Image to Base64 Converter String Escape / Unescape Tool ASCII / Binary / Hex Converter Protobuf Decoder — Wire Format Viewer Encoding Detective — Mojibake Repair
Formatters HTML Beautifier XML Formatter & Validator SQL Formatter & Beautifier CSS Minifier & Beautifier JavaScript Minifier & Beautifier TOML Formatter & Converter YAML Formatter, Validator & Minifier
Generators UUID Generator Password Generator QR Code Generator Lorem Ipsum Generator Cron Expression Generator chmod Calculator Slug / URL Generator .gitignore Generator
Testing Tools Regex Tester Regex Explainer — Plain English
Security Tools HMAC Generator Content Security Policy Generator SSH Key Generator SSL Certificate Decoder CORS Header Builder & Generator
Design Tools Color Picker & Converter Placeholder Image Generator SVG Path Editor & Visualizer
Comparison Tools Diff Checker / Text Compare .env Diff & Merge
Converters JSON-YAML Converter Epoch / Unix Timestamp Converter Markdown to HTML Preview Curl to Fetch/Axios Converter Tailwind CSS Converter OpenAPI to TypeScript Text Case Converter Number Base Converter CSV Viewer & Editor Date & Time Format Converter SQL to MongoDB & N1QL Converter Semver Calculator & Comparator Byte / Size Calculator URL Parser & Builder Glob to Regex Converter Math Expression Evaluator SQL DDL to TypeScript Converter Duration / Time Calculator CSS Unit Converter — px, rem, em, pt, vw, vh JSON to Go Struct Converter HTML to Markdown Converter CSV to SQL Converter SQL to ORM Converter
Reference HTTP Status Code Explorer Git Command Builder GraphQL Schema Explorer MIME Type Lookup
Text Tools Word & Character Counter Text Line Sorter, Deduplicator & Tools
Networking Tools Subnet / CIDR Calculator
DevOps Tools Nginx Config Generator Docker Compose Validator Robots.txt Generator & Validator GitHub Actions YAML Validator

URL Parser & Builder

Parse URLs into components (protocol, hostname, pathname, query parameters, hash) or build URLs from parts. Powered by the browser's native URL API.

Your data never leaves your browser Available via MCP

Enter a URL and click Parse
Next steps
URL Encoder → Curl Converter → QR Code → HTTP Status →

How to Use

  1. Select Parse URL to break down a URL into its components.
  2. Select Build URL to construct a URL from individual parts.
  3. Copy any result with the Copy button.

URL Components Explained

  • Protocol — the scheme (https:, http:, ftp:, etc.)
  • Origin — protocol + hostname + port (used by Same-Origin Policy)
  • Hostname — the domain name or IP address
  • Port — the network port (defaults: 80 for HTTP, 443 for HTTPS)
  • Pathname — the path to the resource (/api/v2/users)
  • Search/Query — key-value parameters after "?" (?page=1&limit=10)
  • Hash/Fragment — the anchor after "#" (#section-3)

Related Tools

Percent-encode URL components with the URL Encoder. Encode data for URL transmission with the Base64 Encoder. Convert curl commands to code with the Curl Converter. Generate QR codes from URLs with the QR Code Generator. Look up HTTP status codes with the HTTP Status Code Explorer.

Frequently Asked Questions

What is a URL?
A URL (Uniform Resource Locator) is a reference to a web resource. It has components: protocol (https:), hostname (example.com), port (443), pathname (/api/users), query string (?id=1), and fragment (#section).
How is this different from URL Encoder?
The URL Encoder percent-encodes individual strings for safe use in URLs. The URL Parser breaks down a complete URL into its components (protocol, host, path, query params, etc.) and can also build URLs from parts.
What is the difference between hostname and origin?
Hostname is just the domain (e.g., "example.com"). Origin includes the protocol and port: "https://example.com:8443". The Same-Origin Policy in browsers uses origin for security decisions.
Is my data safe?
Yes. All URL parsing happens entirely in your browser using the built-in URL API. No data is sent to any server.

Related Tools

JSON-YAML Converter

Convert between JSON and YAML formats instantly.

Epoch / Unix Timestamp Converter

Convert Unix timestamps to dates and vice versa.

Markdown to HTML Preview

Convert Markdown to HTML in real time with a live preview.

Curl to Fetch/Axios Converter

Convert curl commands to JavaScript fetch, Axios, or Node.js code instantly.

Tailwind CSS Converter

Convert Tailwind CSS utility classes to plain CSS and vice versa. Supports spacing, colors, typography, flexbox, grid, and more.

Use this tool from AI agents. The CodeTidy MCP Server lets Claude, Cursor, and other AI agents use this tool and 46 others directly. One command: npx @codetidy/mcp

Drop file to load