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.
Import Maps Playground
Watch bare specifiers resolve with scopes
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
More tools
Algorithm Visualizer
Watch sorting and searching animate step by step
Alt Text Helper
Write better image alt text with live feedback
ARIA Reference
Searchable ARIA roles and attributes guide
Array Visualizer
Step through map, filter, reduce like a debugger
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