A small drawer of useful web tools.
WebUtils is a collection of focused, browser-based utilities for people who build, design, and ship things on the web. No accounts. No tracking. Just the helpers you reach for over and over again.
Most of the work I do on the web involves the same handful of tiny tasks. Check if this color passes contrast. Convert this headline to Title Case. Generate Schema.org markup for the article I just wrote. Figure out what a thousand GPT-4o calls will actually cost before I ship the feature. None of these are big enough to be their own project, but all of them show up often enough that I can't be bothered to Google for a tool every single time.
WebUtils exists because I got tired of the cycle — searching for a tool, finding one that mostly works, using it once, forgetting about it, then hunting for the same thing again two weeks later. Sometimes the tool I landed on was fine. Often it was buried under ads, gated behind a signup, or crammed with twenty features I didn't need for the one job I was trying to finish. After the tenth repeat, I figured I'd just keep the useful bits in one place, built the way I actually want to use them.
That's the whole origin story. No grand vision. No product roadmap pinned to a wall. Just a personal shortcut that kept growing as new annoyances surfaced.
What's actually in the toolbox
Right now, six tools live here. Each one does a specific job, does it reasonably well, and tries to get out of your way once it's done. There's no plan to turn this into a directory of hundreds of widgets — just a slow, steady accumulation of things I actually use.
Current tools
6 utilitiesAPCA Color Contrast Checker
Modern perceptual contrast scores with WCAG 2.x reference ratios.
LLM Token Cost Calculator
Estimate input/output costs across OpenAI, Anthropic, Google and more.
Video Safe Zone Checker
Preview TikTok, Reels and Shorts UI overlays on your own frame.
Schema.org JSON-LD Generator
Build valid structured data for articles, products, FAQs, events and more.
Lorem Ipsum Generator
Non-repeating placeholder text in nine languages, RTL and CJK aware.
Text Case Converter
13 case styles — smart detection of camelCase, snake_case and friends.
The goal isn't to cover every possible niche on the internet. It's to cover the repeated little jobs that show up often enough to be genuinely annoying. The kind of thing you'd solve in five minutes with a snippet if you were fresh, but takes ten minutes of hunting when you're three hours into a deadline.
Why the browser does most of the work
A lot of tools on this site are designed to run locally in your browser wherever that makes sense. In plain terms, that means your text, colors, images and inputs get processed right on your device using JavaScript that's already loaded on the page — rather than being shipped off to a server and back just to produce a result.
There are a few reasons I lean this way. It keeps things fast, because there's no round-trip to wait for. It keeps the tools light, since the browser already has everything they need. And it has a pleasant side effect: for many of the tools, you can save the page and keep a working copy on your own machine. Not every tool works fully offline — some still pull in small external files — but the ones that are self-contained become essentially portable.
A note on privacy
Running in the browser is a design choice, not a privacy promise. Anything that qualifies as a data-collection practice — analytics, cookies, logging — lives in the Privacy Policy, not here. This page is about how the tools are built, not about what data is gathered around them.
Who ends up using it
If you touch websites for a living, you'll probably recognize most of the problems these tools solve. WebUtils is used more like a utility drawer than a product suite — something you reach into for a specific job rather than something you "adopt."
Developers
Quick sanity checks during build cycles — token cost estimates before committing to an AI feature, schema generators, case conversions for API keys.
Designers
APCA contrast checks, safe zone previews before exporting social video, placeholder text in multiple scripts when mocking up international layouts.
SEO professionals
Structured data generators for pages that don't have a CMS plugin installed, title casing to match a house style, placeholder copy for wireframes.
Content creators
Formatting, text cleanup, placeholder text for drafts, quick checks before hitting publish on something that needs to look right across platforms.
If your actual work sits somewhere between those boxes — which most people's does — that's fine too. The tools don't assume you fit into a single job title. Modern digital work blurs roles constantly, and a utility that helps a designer today might be what a backend developer reaches for tomorrow.
The constraint that keeps things usable
Each tool is meant to do one job clearly. That's a deliberate rule, not just a nice intention. The moment a utility tries to solve every possible variation of a problem, it usually gets harder to use for the common case — which is, by definition, what most people need most of the time.
So the focus stays narrow on purpose. Quick to understand. Quick to run. Easy to copy the result out of. No setup screens unless they're actually doing something. If a tool has options, each one should earn its place — not exist because a settings panel looks more "complete" with it.
Over time, some tools will grow a little as real use cases pile up. That's expected. The aim doesn't change: stay practical, stay readable, and keep the workflow smooth enough that you don't have to think about the tool itself while you're using it.
The best tool is the one you forget is there — you just have the answer you needed and you're already on to the next thing.
What comes next
WebUtils is a small, hand-curated collection. I add tools when I run into a real problem worth solving with a focused, browser-based utility — not because there's a quota to fill. If you find yourself searching for the same tiny helper twice, it might end up here eventually.
In the meantime, everything that's already built is ready to use. No accounts, no paywalls, no tracking pixels. Just open a tool and get on with your work.
Common questions
No. Every tool on the site works without an account, a login, or any kind of registration. You open the page, use the tool, and leave. There's nothing to sign up for and nothing to cancel.
For most tools, no. The input — your text, colors, images, JSON — is processed locally in your browser using JavaScript that runs on the page. Nothing leaves your device to produce the result. That said, the site does use standard analytics on the page itself (page views, referrers), which is a separate matter covered in the Privacy Policy.
Yes, slowly. The site grows when I hit a real problem worth solving with a focused utility — not to hit a target number. Six good tools beat sixty mediocre ones, and a small, hand-curated set is easier to maintain and keep accurate. New tools show up when they earn their place, not on a schedule.
You're welcome to, though there's no guarantee it'll get built. If the tool would genuinely help with a repeated, annoying task — and it's the kind of thing that can run in a browser without special backend services — it has a reasonable shot. Head over to the Contact page if you want to suggest something.
Yes. Every tool is free to use, with no usage caps, no "pro" tiers, and no features hidden behind a paywall. The site covers its costs through unobtrusive advertising on some pages. That's the whole business model — no freemium ladder, no email collection for access.
Need a small tool right now?
Six focused utilities, ready to use. No sign-up, no setup, no tracking — just open and go.