Web Locks - Interactive Tool | IconVault
Learn the Web Locks API with live exclusive and shared lock demos, a cross-tab race test, and a real lock table. Free, runs in your browser.
Web Locks
Exclusive and shared cross-tab locks with a live demo
Exclusive blocks everyone else. Shared lets other shared holders in, but blocks exclusive ones.
5 of 5 free demos left - everything runs in this tab, nothing is uploaded.
Live lock table
Held (0)
No locks held right now.
Pending (0)
Nothing waiting in the queue.
Event log
Run a demo on the left. Open this page in a second tab with the same lock name to see real cross-tab queueing.
About this tool
IconVault's Web Locks playground is an interactive lab for the Web Locks API, the browser's built-in way to coordinate work across tabs, workers, and iframes. Request real exclusive and shared locks by name, watch them queue and release in the live lock table, and run a two-request race to see ordering in action. It is free and runs fully in your browser with nothing uploaded.
Open the page in a second tab and request the same lock name to feel genuine cross-tab coordination. The playground covers exclusive vs shared modes, hold times, the pending queue, and navigator.locks.query(), with a timestamped event log so every acquire and release is visible. Whether you are guarding IndexedDB writes, serializing uploads, or just learning the API, this is the fastest way to build intuition for web locks.
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