If your browser bookmarks don't include a handful of developer utilities, you're bleeding time. Not catastrophically — just the slow, steady drain of spinning up Node REPLs, writing one-off scripts, or hunting through documentation for syntax you've looked up a dozen times before.
This roundup covers five tools from TinyToolbox's Developer category that earn their place in a real workflow. All free. All browser-native. No login, no install, no setup.
Why Browser-Native Dev Tools Are Worth Your Attention
The pitch is straightforward: zero friction. No npm install, no Docker container, no environment to configure. You paste in your data, get your output, and move on. For tasks you do a few times a week, the cognitive overhead of spinning up a local tool isn't worth it — browser tools remove that overhead entirely.
They're also portable. Whether you're on your work machine, a client's laptop, or doing on-site debugging, the tools are available at the same URL with nothing to configure.
The 5 Tools You Should Bookmark Today
1. JSON Path Evaluator
This one leads the list for good reason. The JSON Path Evaluator lets you write JSONPath expressions against any JSON document and see matching results in real time, with syntax highlighting.
If you work with APIs — and most developers do — you know the scenario: a response comes back, it's deeply nested, and you need to find the exact path to the field you care about. In production code you'd know it cold. In debugging, exploration, or early integration work, you're spelunking through unfamiliar structures.
JSONPath is the right tool for that. It's to JSON what XPath is to XML: a structured query language for navigating and extracting data. Expressions like $.store.book[*].author or $..price let you pull specific values or entire subtrees without writing a single line of code.
The real-time evaluation is what makes TinyToolbox's implementation particularly useful. Paste your JSON, write your expression, and matching nodes appear immediately — no button click, no round trip. You can iterate on a query in seconds.
Primary use cases: debugging API responses, validating webhook payloads, confirming the right field path before hardcoding it in a parser.
2. Regex Explain Tool
Regular expressions are powerful and, for most developers, slightly illegible — even your own, after a week away from them. The Regex Explain Tool translates any regex pattern into plain English, breaking down each token and quantifier into a human-readable description.
This is useful in two directions: understanding a pattern someone else wrote (or you wrote six months ago), and verifying that the expression you've built actually does what you intend.
It's especially valuable when adapting patterns from documentation or Stack Overflow. Instead of trusting that you understand an expression, you get a breakdown that confirms it before it goes anywhere near production.
3. HTML Formatter
Minified HTML is efficient for delivery and completely unreadable for humans. The HTML Formatter takes a collapsed wall of markup and returns properly indented, structured HTML you can actually navigate.
This comes up more often than you'd expect: inspecting third-party templates, auditing rendered output from a CMS, reviewing HTML emails, or working with any markup that's been through an aggressive minification pass. Copy, paste, format — that's the workflow.
The formatter handles nesting correctly, which matters when you're working with deeply nested document structures and need to understand the actual hierarchy before making changes.
4. Unix Timestamp Converter
Unix timestamps are everywhere in backend development — logs, database records, API responses, JWT expiry fields. The Unix Timestamp Converter goes both directions: epoch timestamp to human-readable date, and date back to timestamp.
The reason this earns a permanent bookmark is how often you're in a log file or debugging a token and need to quickly verify what a timestamp actually represents. 1712665200 — is that today? Last week? Instead of pulling up a Python REPL or doing mental math, you paste it in and get an answer in under a second. It handles both second and millisecond precision, which covers the two variants you'll most commonly encounter.
5. Markdown to HTML
The Markdown to HTML converter does exactly what it says, with a live preview that updates as you type. You get clean, semantic HTML output from your Markdown source immediately.
This is practical when you're writing content that needs to live in a system expecting HTML — CMS rich-text fields, email templates, or documentation platforms with limited Markdown support. Write in Markdown, copy the HTML, done. The live preview means you can catch formatting issues before copying anything out. Tables, lists, headings — everything renders as you write.
Fitting These Into Your Real Workflow
These tools don't replace your IDE or local environment. They complement it. The pattern is simple: when you need a quick answer or a quick transformation that doesn't warrant writing a script, open the tool, get the result, move on.
Bookmark all five. The JSON Path Evaluator and Regex Explain Tool especially — those are the ones you'll reach for during active debugging sessions when speed matters most. If you find yourself doing repetitive text transformations, the Slug Generator and Markdown Table Generator are also worth adding to your rotation.
Tips for Getting the Most Out of JSONPath
A few expressions worth keeping in mind when working with the JSON Path Evaluator:
$ is always the root of the document..fieldName recursively descends — finds that field anywhere in the structure[*] selects all elements in an array[?(@.price < 10)] is a filter expression — selects array elements matching a condition['field'] works where dot notation can't, such as fields with spaces or special charactersTest your expressions against real response data before hardcoding paths into any parser. It takes thirty seconds and saves debugging time later.
Frequently Asked Questions
Does the JSON Path Evaluator send my data anywhere?
No. All processing runs client-side in your browser. Nothing is transmitted to a server. That makes it safe to use with real API responses and production payloads.
What's the difference between JSONPath and JMESPath?
Both are JSON query languages. JSONPath uses $ for root and .. for recursive descent. JMESPath — used by the AWS CLI and similar tools — has different syntax but similar goals. TinyToolbox's evaluator implements JSONPath.
Can I use the HTML Formatter on large files?
Yes. Browser-based formatters handle typical HTML document sizes without issue. For extremely large files — multiple megabytes — performance depends on your browser, but most real-world use cases work fine.
These Tools Are Here When You Need Them
The best developer tools are the ones you don't have to think about — they're just there. These five cover a solid slice of the quick-reference and quick-transform tasks that come up constantly in daily development work.
Start with the JSON Path Evaluator. If you work with APIs at all, you'll have a use for it within a week. Add the others as they become relevant. The whole point of browser-native tools is that there's no cost to trying — open a tab, paste your data, see if it solves your problem.