How to use this developer tool
- Paste or type the text to inspect.
- Set any output option shown below the editor.
- Select Inspect Clusters or press Ctrl/Cmd + Enter.
- Review the summary and copy or download the result.
Unicode Grapheme Cluster Viewer
Segments user-perceived characters with Intl.Segmenter and reports code points, UTF-16 units, and UTF-8 bytes for every cluster. Everything runs locally in the current browser tab, so the input remains available for inspection and export without a server round trip.
Developer Input
Text to inspectAd space
What this developer tool does
Segments user-perceived characters with Intl.Segmenter and reports code points, UTF-16 units, and UTF-8 bytes for every cluster.
The implementation works from Unicode code points or byte arrays rather than assuming one character equals one byte. Invalid source notation is rejected before conversion.
Browser Unicode tables can change with browser releases; encoding formats themselves follow the rules described on this page.
Example
Input
👨👩👧👦 café 🇰🇷
Run the included sample to see the exact output and byte statistics generated by your browser.
Use cases
- Debug text exchanged between APIs and command-line tools.
- Verify how multilingual strings are represented.
- Prepare copy-ready values for fixtures and documentation.
- Locate encoding mistakes before data is stored.
Tips for reliable output
- Keep byte boundaries intact when pasting encoded input.
- Compare byte counts, not only visible character counts.
- Use the bundled sample to confirm the expected notation.
- Download the output before editing a long result.
- Test emoji and combining marks when international text matters.
Processing details
Processing uses TextEncoder, strict TextDecoder behavior, Unicode iteration, or the stated base alphabet as appropriate. The result statistics are calculated from the same byte array used to produce the displayed output.
This page treats decoded bytes as UTF-8 text. It is not a general binary-file decoder, and extremely large pasted values are limited by browser memory.
Frequently asked questions
What input does the Unicode Grapheme Cluster Viewer accept?
It accepts text to inspect in the input area. The page validates the format before producing output.
Does the Unicode Grapheme Cluster Viewer send data to a server?
No. Processing runs in your browser, and the page does not need an API call.
How does this page handle emoji and non-Latin text?
It uses browser Unicode APIs and UTF-8 encoding rules, so emoji and multilingual text are processed as Unicode rather than ASCII.
Why can the character count differ from the byte count?
A visible character may contain several code points, and each code point can require multiple UTF-8 bytes.
Can I download the Unicode Grapheme Cluster Viewer result?
Yes. Run the conversion, then use Download to save the copy-ready text result.
Related developer tools
Format reference
| Property | Value |
|---|---|
| Runs locally | Yes |
| Text encoding | UTF-8 / Unicode |
| External libraries | None |
Encoding & Decoding tools
Browse byte, Unicode, and text encoding utilities in the category hub.
Open category hub