Whitespace Visualizer

The Whitespace Visualizer is a free browser-based tool that reveals invisible characters hidden in your text. Every developer has encountered mysterious formatting issues caused by non-printable characters — tabs mixed with spaces, wrong line endings, stray zero-width spaces copied from web pages, or an unexpected byte order mark (BOM) at the start of a file. This tool makes all of these characters visible so you can identify and fix problems quickly.

The visualizer replaces each type of invisible character with a distinct visible marker. Regular spaces become middle dots (·), tabs become arrows (→), line feeds show as (↵), carriage returns appear as (←), and more exotic characters like zero-width spaces, zero-width joiners, non-breaking spaces, soft hyphens, and the BOM are each shown with clearly labeled markers. You can toggle the visibility of each character type independently using the toggle buttons at the top of the tool.

Beyond visualization, the tool provides a statistics panel that counts every type of invisible character in your text and detects the line ending style (LF, CRLF, or mixed). This is invaluable when debugging cross-platform text processing issues. If you need to count overall words and characters, try the Word & Character Counter. For transforming the case of your text, see the Text Case Converter. If you need to escape or unescape special characters in strings, the String Escape/Unescape tool can help.

The clean feature lets you select which invisible character types to remove and then apply the cleaning in one click. This is particularly useful for stripping zero-width characters, BOMs, or normalizing line endings.

All processing happens entirely in your browser. Your text never leaves your machine — there are no server round-trips, no logging, and no third-party services involved. This makes it safe to use with sensitive content such as source code, configuration files, or private documents.

1. Paste or type your text into the Text Input panel on the left. You can also click Sample to load example text containing various invisible characters.
2. The Visualization Output panel on the right immediately shows your text with invisible characters replaced by visible markers, each color-coded by type.
3. Use the toggle buttons above the panels to show or hide specific character types (Space, Tab, LF, CRLF, NBSP, ZWS, etc.). Click Show All or Hide All for batch control.
4. Review the Line Endings section below the panels to see whether your text uses LF, CRLF, or a mix of both.
5. Check the Character Statistics grid to see the count of each invisible character type found in your text.
6. To remove unwanted characters, scroll to the Clean Invisible Characters section. Toggle the character types you want to strip, then click Clean to apply the changes to your input.
7. Click Copy Cleaned to copy the cleaned version to your clipboard, or press Ctrl+Shift+C to copy the visualized output.