Import Maps Playground - Module Resolution Visualizer | IconVault

Write an import map and module code, watch bare specifiers resolve with exact and prefix rules plus scoped imports. Free, in your browser.

All tools

Import Maps Playground

Watch bare specifiers resolve with scopes

5 of 5 free uses left

1. Import map (JSON)

2. Module code with bare specifiers

5 of 5 free resolutions left.

3. Resolution results

Nothing resolved yet

Press "Resolve imports" to see which import-map rule each bare specifier matches.

About this tool

IconVault's Import Maps Playground shows you exactly how the browser turns a bare specifier like "lodash" into a URL. Write your import map JSON, write module code that imports from it, then press resolve to see which exact key, prefix key or scope matched each import, and the final resolved URL.

It handles the tricky parts: longest-prefix matching, scoped imports that remap a package for part of your app, and the unmapped specifier error the browser would throw. Everything is free and runs fully in your browser, making it the fastest way to debug an import map before shipping it.

Frequently asked questions

Popular searches

import mapsimport mapimportmapjavascript import mapsimport maps tutorialimport maps explainedbare specifiersbare module specifiersimport map scopesscoped importsimport maps prefiximport map trailing slashes modules import mapjavascript modules without bundleresm cdnesm.shimport maps browser supportimport maps chromescript type importmapimport map exampleimport maps jsondebug import mapimport map not workingunmapped bare specifierimport maps errorimport maps vs bundlernative es modulesmodule resolutionjavascript module resolutionimport maps polyfilles-module-shimsimport maps multipleimport map dynamicimport maps best practiceslearn import mapsimport maps visualizerimport map testerimport map generatorimport map builderimport maps denoimport maps nodepackage importssubpath importscdn es modulesjsdelivr esmunpkg esmskypackimport maps reactimport maps vuemicro frontends import mapsimport maps versioningimport map cache bustingimport maps integrityimport maps subresource integrityjspm import mapsjspm generator

More tools

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 →