33 focused browser utilities for metadata, assets, text, transforms, and debugging

MJ Studio — Mon, 20 Apr 2026 06:07:10 +0000

Most browser utility sites are either too shallow or too bloated. You land on a page to do one job, then hit generic error text, missing export options, or a UI that feels like a demo instead of a tool.

I built Suited as the opposite of that. It is a focused utility catalog where each route is meant to solve one concrete workflow well, not just expose a helper function in a web form.

Instead of forcing everything into one giant toolbox, Suited is organized by problem clusters:

Web metadata: favicons, manifests, meta tags, OG images, and social resizing
App assets: iOS and Android icon and splash workflows
Images: format conversion, merge, and compression
Structured data: JSON, YAML, CSV, and Markdown table workflows
Web and URLs: query strings, URL encoding, and cURL conversion
Security and encoding: JWTs, UUIDs, hashes, passwords, and Base64
Writing and text: word count, slug generation, and case conversion
Compare and match: text diff and regex replacement
Date and time: Unix timestamp inspection
Design and color: contrast checks and palette extraction

Here are a few routes that show what the catalog is trying to do:

Meta Tag Generator for page-ready SEO, Open Graph, and Twitter tags
JWT Debugger for decoding, validating, and generating tokens locally
Query String Builder for duplicate-key query editing instead of raw string guessing
Image Compressor for local browser-side image optimization
Color Contrast Checker for immediate WCAG feedback without a plugin

The point is not “look how many utilities there are.” The point is that the catalog is grouped around real browser-side jobs that developers, makers, and designers repeat every week.

If you work on sites, app launches, APIs, content workflows, or quick browser-side debugging, start with the routes that match the job in front of you and ignore the rest.

Quick Picks by Group

Writing & Text: Word Count Calculator, Case Converter, Slug Generator
Compare & Match: Text Diff Compare, Regex Find & Replace
Structured Data: JSON Formatter & Validator, YAML ↔ JSON Converter, Markdown Table Builder, CSV to JSON
Web & URLs: URL Encode & Decode, CURL Convert, Query String Builder
Security & Encoding: Base64 Encode & Decode, Password Generator, Hash Generator, UUID Generator & Validator, JWT Debugger
Date & Time: Unix Timestamp
Images: Image Format Converter, Image Merger, Image Compressor
Design & Color: Color Contrast Checker, Color Palette Extractor
Web Metadata: Favicon Generator, PWA Icon Generator, PWA Manifest Generator, Meta Tag Generator, Open Graph Image Generator, Social Image Resizer
App Assets: iOS App Icon Generator, iOS Splash Screen Generator, Android App Icon Generator, Android Adaptive Icon Generator

CTA

Start with the route that matches your next small task:

Web metadata: https://suited.mjstudio.net/meta-tag-generator
Structured data: https://suited.mjstudio.net/json-formatter
Security and encoding: https://suited.mjstudio.net/jwt-inspector

React Native Kakao (Good example for Monorepo, New/Old Arch, Expo, Web supporting package)

MJ Studio — Sat, 04 May 2024 14:34:03 +0000

React Native Kakao is an open-source library that ports the Android, iOS, and Web Native SDKs provided by Kakao, a major tech platform company in South Korea, for React Native.

Initially modeled after the structure of React Native Firebase, it has evolved to offer a vast supporting area.

The platform adheres to the same API for requests and responses on Android, iOS, and Web.
It even maintains consistency in the format of error objects for error handling.

Additionally, the architecture supports both the New Architecture (Turbo Module) and Old Architecture (Paper) as first-class citizens.

Furthermore, Expo integration is made easy as each module has an Expo config plugin.

While people not Korean may not necessarily use Kakao's SDK, you can explore the library's code as an example of building a library that guarantees such vast support.

This library is monorepo(using lerna-lite) and it can be a good help for who plan to support packages as a monorepo

Thank you.

DEV Community: MJ Studio

33 focused browser utilities for metadata, assets, text, transforms, and debugging

Quick Picks by Group

CTA

React Native Kakao (Good example for Monorepo, New/Old Arch, Expo, Web supporting package)