JSON Comparator
Deep-diff two JSON objects and detect missing, mismatched, or extra fields.
Developer Toolkit / Hybrid Theme
Developer tools with a cleaner, earlier layout.
This version brings back the split structure: a hub-style overview at the top and a separate workspace area below, all restyled to match the hybrid light-and-dark theme.
>json compare
diff objects, missing keys, extra fields
>format encode test
JSON, Base64, JWT, regex, URLs
>generate convert
UUIDs, colours, timestamps
Overview
9 essential utilities in one place.
Each card acts as a quick entry point into a focused tool, while the workspace below keeps the actual inputs and outputs separate for a cleaner experience.
Compare
JSON Formatter
Beautify or minify JSON, validate syntax, and copy clean output.
Base64 Encoder / Decoder
Encode any text or URL to Base64 and decode it back quickly.
JWT Decoder
Inspect header, payload, expiry, and claims from JWT tokens.
UUID Generator
Generate v4 UUIDs in bulk for test data and fixtures.
Regex Tester
Test expressions live with matches and capture groups.
URL Encoder / Decoder
Encode and decode URLs while preserving query strings.
Color Converter
Convert HEX, RGB, HSL, and RGBA with live preview.
Timestamp Converter
Convert Unix timestamps to readable dates and back.
Workspace
Keep the working area separate from the hub.
This section restores the earlier layout logic: select a tool, then use the dedicated workspace panels below instead of mixing everything into the overview.
JSON Comparator
Paste JSON and compare results will appear here.
Next Step
Need me to restore the full interactive logic too?
I can wire the tool switching, comparisons, formatting, and converters back into the hybrid layout so the page behaves like the earlier version as well.