3rdβParty Script Impact Analyzer - Online See Cost
Enter a URL and see a waterfall of external scripts with their download size and execution time estimate. Identify performance culprits.
UD5 Toolkit
Online Run & Debug Snippets β write, execute, and inspect JS code instantly in your browser.
console.log, console.error, console.warn, console.table, and other console outputs, displaying them in a real-time output panel. No installation or setup is required β just type your code and hit Run.
window, document, fetch, localStorage, and all other browser APIs. This makes the tool great for testing DOM manipulation, API calls, and interactive code. However, be cautious β infinite loops will freeze the browser tab.
console.log() to inspect variable values, console.table() for tabular data visualization, and console.error() to highlight issues. Syntax errors and runtime exceptions are automatically caught and displayed with detailed stack traces in the output panel. For advanced debugging, open your browser's Developer Tools (F12).
setTimeout or fetch), the output panel will continue capturing console output as it arrives.
Enter a URL and see a waterfall of external scripts with their download size and execution time estimate. Identify performance culprits.
Live cryptocurrency prices from public APIs. Clean ticker with percentage changes. Pure frontend, no account needed.
Press keys on your physical keyboard and see them highlighted on a virtual keyboard. Detects multi-key rollover. Quick hardware check.
Transform English text into pseudolocalized text with accents, expansion, and brackets. Test your UI's readiness for translation.
Build a Vite configuration file by selecting plugins (Vue, React, etc.), aliases, and build options. Copy the final code.
Create a humorous fake GitHub profile screenshot with custom name, stars, and languages. Pure canvas prank.
Tune your guitar using the browser microphone. Detects pitch and shows deviation from standard tuning. No installation, pure client-side audio processing.
Drag a virtual mineral across common items to understand scratch hardness. Interactive learning for jewelers.
Evaluate the strength of your passwords with a visual meter and detailed feedback. Check for length, complexity, and breached passwords. All analysis is client-side.
Convert between Base32 encoded strings and hexadecimal. Work with lowβlevel data representations. All local.
Enter a CDN URL for a script or style and generate the integrity attribute with sha384 or sha512. Protect your site.
Enter a MIDI note number (0β127) or a musical note name and get the exact frequency in Hz. Piano keyboard picker.
Convert numbers between binary, octal, decimal, and hexadecimal bases. See real-time conversion as you type. Clean and simple programmer utility.
Enter a hex color and hear a tone mapped to its hue. Explore the connection between color and sound. Fun perceptual experiment.
Rotate and view the 3D shapes of s, p, d, and f orbitals. Great for teaching quantum mechanics. WebGLβbased.
Paste text to see a live letter frequency bar chart. Helps break substitution ciphers. All local analysis.
Convert decimal numbers to their hexadecimal equivalents. Support for large integers. Fast and handy for low-level programming reference.
Enter a GraphQL endpoint, write a query, and see the response. Add headers and variables. Simple testing client.
Watch a simulation of how the JavaScript event loop handles synchronous code, microtasks, and macrotasks. Learn async.
Create promises that resolve or reject after a delay. See state changes and chain .then/.catch. Debug async code.
Write a generator function and step through it with next(). See values and done state. Understand iterators.
Apply a Proxy to an object and see the get/set traps log fired in real time. Understand metaprogramming. Local.
Connect a game controller and see every button press, axis movement, and vibration test. Uses the Gamepad API.
Connect your MIDI keyboard and see pressed notes visually on a piano roll. Check velocity, channel, and aftertouch. No DAW needed.
Write to shared storage and run a worklet to process data. Learn the privacyβpreserving alternative to thirdβparty cookies.
Connect a gamepad and see all button presses and axis movements visually. Check that every input is detected correctly.
Test the Fullscreen API: request fullscreen on a colored div, detect changes, and copy the JavaScript boilerplate.
Choose Babel presets (env, React, TypeScript) and plugins. Get a clean babel.config.json to transpile your code. Local tool.
Press any key to see the complete KeyboardEvent properties: key, code, keyCode, modifiers. Indispensable for game & shortcut developers.
Experiment with CSS container queries. Resize a container and see the styles change according to its size, not the viewport. Learn the new spec.