IconVault logoIconVault
Sign in

URLPattern Playground - Free Online Tool | IconVault

Test the URLPattern API live: named groups, wildcards and presets for routing patterns. Free, in your browser.

All tools

URLPattern Playground

Test URLPattern matching with named groups

5 of 5 free uses left

Syntax cheatsheet

:name named group

:name(regex) custom regex

* wildcard, :name* named wildcard

(foo)? optional group

Match results appear here

Named groups are extracted per URL part: hostname, pathname, search and more.

About this tool

IconVault's URLPattern Playground lets you test the browser-native URLPattern API without writing a line of code. Type a pattern with named groups like `:id`, wildcards and custom regexes, enter a test URL, and see instantly whether it matches plus every captured group broken down by URL part. Completely free and runs fully in your browser.

Six presets cover real routing cases: user profiles, versioned APIs, locale slugs, CDN files, tenant subdomains and search queries. A built-in syntax cheatsheet teaches the pattern language as you experiment, and the tool uses your browser's own URLPattern implementation.

Frequently asked questions

Popular searches

urlpatternurlpattern apiurl pattern playgroundurlpattern testerurlpattern javascripturl pattern matchingurlpattern named groupsurlpattern exampleurlpattern execurlpattern testurlpattern tutorialurl routing patternjavascript url matchingurlpattern vs regexurlpattern wildcardurlpattern mdnservice worker routingurlpattern pathnameurlpattern hostnameurlpattern search paramsspa routing libraryclient side routing patternsurl pattern syntaxnamed groups urlurlpattern browser supporturlpattern firefoxurlpattern safariwhat is urlpatternlearn urlpatternurlpattern cheatsheeturlpattern presetapi versioning url patternlocale url routingtenant subdomain routingcdn url patternurlpattern custom regexurlpattern optional groupnew urlpattern exampleurlpattern groupstest url against patternurl matcher onlineroute pattern testerexpress style routing browserurlpattern polyfillweb standards urlpatternpattern matching urlsurl template matchingfrontend routing toolurlpattern playground onlinejavascript routing without framework

More tools

Code Playground

Write HTML, CSS & JS with live preview.

JSON Formatter

Beautify, validate & minify JSON.

Base64 Encoder

Encode & decode text and files.

JWT Decoder

Inspect tokens without sending them anywhere.

Coming soon

CLI

Coming soon

Figma plugin

Coming soon

VS Code extension

Coming soon

Chrome extension

Coming soon

AI icon generator

Coming soon

Team workspaces

Coming soon

View all 10+ tools →