What Are Line and Box Drawing Symbols?
Pick individual Unicode lines, corners, junctions and blocks, or add them to your text with twelve decorators. The selected set contains 30 symbols. Box Border, Double Box and Frame Style are single-line ornaments; they do not create enclosed multiline frames.
The symbols come from two different Unicode blocks: Box Drawing, U+2500 to U+257F, and Block Elements, U+2580 to U+259F. These symbols are Unicode, not ASCII-only characters. The picker does not contain every character in either block.
How to Use the Line and Box Tool
- Enter text, including line breaks if needed, or choose Load example.
- Compare the twelve selectable outputs. Use the named Copy button for the style you want.
- Search the picker by name, symbol or code point. A symbol button selects and attempts to copy that character.
- If clipboard access fails, select an output or the Selected symbol field and copy manually.
- Check spacing and glyphs in your destination before using a diagram.
How the Line and Box Tool Works
Each nonblank physical line is split into grapheme clusters using Intl.Segmenter. Separators go between complete clusters, while cycling styles append a symbol to each cluster. The original spaces and tabs are not collapsed. Blank and whitespace-only lines pass through unchanged; the helper keeps CRLF, LF and CR line endings. Browser text fields and clipboard operations can normalize those endings.
A combined accent or joined emoji stays in its original cluster. Segmentation can vary with browser Unicode data, and rejoining decorated text is not a reversible encoding. Text longer than either input limit, incomplete Unicode or unsupported control characters produces an error with no outputs.
Line and Box Tool Example
Enter AB to compare separators with ornaments. The examples below are generated by the same helper as the tool.
| Style | Output | Meaning |
|---|---|---|
| Horizontal Lines | A ─ B | One separator between two clusters |
| Box Border | ┌─ A ─ B ─┐ | A top-edge ornament, not an enclosed box |
| Double Box | ╔═ A ═ B ═╗ | A double-line ornament |
| Block Shades | A ░ B ▒ | A repeating sequence of shading symbols |
For two input lines, each line is decorated independently. A blank line between them stays blank. Spaces become their own cluster slots, so a spaced phrase can look wider than expected.
When to Use the Line and Box Tool
Diagram drafts: Copy individual corners and junctions into a text editor.
Terminal prototypes: Choose a small symbol set and test the target font and terminal.
Text labels: Compare a separator with a top-edge ornament before copying.
Character lookup: Search by code point and inspect the selected character without losing it when the grid is filtered.
Common Mistakes
Monospace fonts can help with alignment, but font fallback, wide characters, emoji and tab stops can still change cell widths. Do not use these decorators as a table formatter or promise universal platform support. Proportional text fields and automatic wrapping can break diagrams.
Keep ordinary text available alongside decorative labels. Unicode encodings do not guarantee that a recipient can read a diagram or that an assistive technology describes it usefully. Copy carries text, not CSS or font settings.
Tips for Better Results
For a diagram, start with a plain-text draft and add only the symbols you need. Verify the result after pasting. Use the ASCII Art Generator for large sampled text banners; its output and purpose differ from this symbol picker.