The Illusion of String.length: How to safely count Unicode, Emojis, and Words in JS

Urban Mixo — Sun, 13 Sep 2026 04:24:19 +0000

If you are building a text input that restricts users to a specific character limit (like a tweet, an SMS gateway, or an SEO meta tag), your first instinct is probably to use String.prototype.length.

If you are doing this in production today, your character counts are fundamentally broken.

Take a look at this standard JavaScript behavior:


javascript
const family = "👨‍👩‍👧‍👦";
console.log(family.length); // Output: 11

const word = "café"; // Formatted with a combining acute accent
console.log(word.length); // Output: 5

Why I Built 26 Client-Side Developer Tools That Run 100% in Your Browser

Urban Mixo — Sat, 12 Sep 2026 18:31:49 +0000

Every developer has done it: you need to format a messy JSON payload, decode a Base64 string, or inspect a Unix timestamp, so you paste it into the first random converter that pops up on Google.

The problem? Most online web utilities quietly transmit your strings, passwords, and JSON payloads across their backend servers. If you are handling real user IDs, bearer tokens, or API secrets, that is a massive privacy risk.

I got tired of bloated, tracking-heavy utility sites, so I built Urban Mixo a suite of 26+ free web utilities and developer tools that execute 100% client-side in your local browser memory.

🛠️ The Core Developer Stack

Instead of spinning up heavy cloud APIs or serverless functions to process strings, the entire suite leverages native modern Web APIs:

1. Cryptographic Hashes (SHA-256 / SHA-512)

Instead of sending sensitive credentials over the wire, the Hash Generator uses the native Web Cryptography API (crypto.subtle.digest()). Checksums are calculated directly on your device's hardware with zero network overhead.

2. Unicode-Safe Word & Character Counting

Most online word counters split strings using naive regex (str.split(' ')), which fails on hyphenated words, Unicode apostrophes, and CJK characters. The Word Counter utilizes the browser's native Intl.Segmenter API for locale-sensitive grapheme clustering.

3. Client-Side JSON Formatting & Minification

The JSON Formatter & Validator parses and beautifies messy payloads locally using JSON.parse and formatted serialization, alerting you to syntax errors like trailing commas or unquoted keys without saving your tokens.

🔒 The Privacy Standard

Zero Server Transmission: Your text, tokens, and code snippets never leave your browser tab.
No Database Storage: Close the tab, and your data disappears from memory.
Zero Paywalls: No accounts, no subscriptions, and fully responsive with dark mode.

🌐 Try It Out

The entire suite is live, free, and open for anyone to use:

👉 Explore the tools: https://www.urbanmixo.online

👉 Check out the GitHub repo: https://github.com/urbanmixo/client-side-web-tools

I would love to hear feedback from fellow developers! What daily utilities or converters do you feel are missing from the current web landscape?

DEV Community: Urban Mixo