Art from UTF8 Creator
Generate ASCII art text banners using UTF-8 block characters. Multiple font styles, copy to clipboard, and download as text file.
About
Standard terminal text lacks visual weight. ASCII art banners rendered from UTF-8 block elements (โ, โ, โ, โ) solve this for README headers, code comments, server MOTD screens, and terminal splash pages. This tool maps each printable ASCII character (codes 32 - 126) to a hand-crafted glyph matrix of fixed height h = 6 rows, then concatenates them horizontally with configurable letter spacing s. Misaligned glyphs or inconsistent row counts produce broken output in monospace environments. The generator enforces strict row parity across all 95 glyphs per font style.
Three font styles are provided: Block (solid โ fills), Shadow (offset depth using โ and โ half-blocks), and Slim (narrow glyphs using โ and โ line-drawing characters). Output is pure UTF-8 text. No images, no dependencies. It pastes cleanly into any monospace context. Input is capped at 80 characters to prevent line wrapping in standard 80-column terminals. Pro tip: test your output in the target terminal. Font ligatures and non-monospace rendering will break alignment.
Formulas
Each character c in the input string is mapped to a glyph G(c) which is an array of h strings (rows). The output is built by horizontal concatenation:
Where n is the number of input characters, row ranges from 0 to h โ 1, and S is a spacing string of length s (default 1) filled with spaces. Each glyph G(c) has fixed width w (font-dependent, typically 6 - 8 columns) and fixed height h = 6 rows. Total output width equals n ร (w + s) columns.
Reference Data
| UTF-8 Character | Code Point | Name | Common Use in Art |
|---|---|---|---|
| โ | U+2588 | Full Block | Solid fill, primary stroke |
| โ | U+2584 | Lower Half Block | Bottom edges, rounded bases |
| โ | U+2580 | Upper Half Block | Top edges, caps |
| โ | U+258C | Left Half Block | Left vertical edges |
| โ | U+2590 | Right Half Block | Right vertical edges |
| โ | U+2591 | Light Shade | Shadow, background texture |
| โ | U+2592 | Medium Shade | Medium shadow, depth |
| โ | U+2593 | Dark Shade | Dense shadow |
| โ | U+2502 | Box Light Vertical | Slim font verticals |
| โ | U+2500 | Box Light Horizontal | Slim font horizontals |
| โ | U+250C | Box Light Down Right | Top-left corners |
| โ | U+2510 | Box Light Down Left | Top-right corners |
| โ | U+2514 | Box Light Up Right | Bottom-left corners |
| โ | U+2518 | Box Light Up Left | Bottom-right corners |
| โผ | U+253C | Box Light Cross | Intersections |
| โ | U+2501 | Box Heavy Horizontal | Bold horizontals |
| โ | U+2503 | Box Heavy Vertical | Bold verticals |
| โฑ | U+2571 | Box Light Diagonal Upper Right | Forward slash strokes |
| โฒ | U+2572 | Box Light Diagonal Upper Left | Backslash strokes |
| ยท | U+00B7 | Middle Dot | Dot separators, spacing |