Development
Compare two JSON payloads and render a visual HTML diff with path-level additions, removals, changes, and statistics
json-diff-visualizerGames
Classic hangman word-guessing game. Guess the hidden word letter by letter; six wrong guesses ends the game. Three difficulty levels, with general, animals, food, and science categories.
hangman-gameMath & Numbers
Exponential decay for radioactive isotopes and drugs: remaining amount, derived half-life, time to target, or steady-state accumulation. Uses N(t) = N0·e^(-λt).
half-life-calculatorMedia
Convert a bitmap image into reconstruction-first audio designed to reappear in a spectrogram, then export the audio and a verification spectrogram preview together.
image-to-spectrogram-audioData Visualization
Bin numeric data into intervals and draw a histogram to visualize a statistical distribution
histogram-makerDevelopment
Compress HTML by removing comments, collapsing whitespace and minifying inline CSS/JS
html-minifierFormat Conversion
Compress JSON data by removing all unnecessary whitespace
json-minifierNetwork
Dissect the HTTP/3 over QUIC handshake byte-by-byte. Visualise the 1-RTT fresh handshake, session-ticket resumption, and 0-RTT early-data scenarios, with sequence diagrams, per-packet field layouts, the Retry packet, and a side-by-side comparison against TCP + TLS 1.3. Built for interview prep, protocol learning, and performance engineering.
http-3-quic-handshake-anatomyText Processing
Create a glitchy / corrupted look by replacing each letter with neighbouring broken Unicode glyphs — Cyrillic/Greek look-alikes, block elements (█▓▒░), geometric shapes — for a flat smashed data-corruption aesthetic. Intensity slider + optional seed for reproducible results.
glitch-textCryptography
Hash the same input with MD5, SHA-1, SHA-256, SHA-512, BLAKE2b, and BLAKE3 at the same time and compare them side by side: output length, hex/Base64 digest, security status (broken / modern), and a relative speed benchmark. Great for teaching, choosing a hashing algorithm, or sanity-checking checksums.
hash-algorithm-comparatorSecurity
Compute an HMAC message-authentication signature over a message + shared secret using SHA-1/SHA-2/SHA-3/BLAKE2, or verify an incoming signature against the secret — with webhook presets for Stripe / Slack / GitHub and constant-time comparison
hmac-generator-verifierDesign
Extract a dominant color palette from an image (k-means clustering), then export it as CSS variables, SCSS variables, a Tailwind config, or JSON design tokens — with named colors and an auto-generated shade scale for each
image-to-design-tokens