┌
Box Drawing
128 characters
The complete Box Drawing block (U+2500–U+257F): 128 characters for constructing tables, borders, and UI frames in monospace environments. Light, heavy, double, and dashed line variants cover every combination of horizontal, vertical, and corner joins. Essential for terminal applications, ASCII art, CLI tools, and retro-styled text interfaces.
Characters
copied = '', 1500)
"
:class="copied === 'U+2500' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
─
copied = '', 1500)
"
:class="copied === 'U+2501' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
━
copied = '', 1500)
"
:class="copied === 'U+2502' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
│
copied = '', 1500)
"
:class="copied === 'U+2503' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┃
copied = '', 1500)
"
:class="copied === 'U+2504' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┄
copied = '', 1500)
"
:class="copied === 'U+2505' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┅
copied = '', 1500)
"
:class="copied === 'U+2506' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┆
copied = '', 1500)
"
:class="copied === 'U+2507' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┇
copied = '', 1500)
"
:class="copied === 'U+2508' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┈
copied = '', 1500)
"
:class="copied === 'U+2509' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┉
copied = '', 1500)
"
:class="copied === 'U+250A' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┊
copied = '', 1500)
"
:class="copied === 'U+250B' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┋
copied = '', 1500)
"
:class="copied === 'U+250C' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┌
copied = '', 1500)
"
:class="copied === 'U+250D' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┍
copied = '', 1500)
"
:class="copied === 'U+250E' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┎
copied = '', 1500)
"
:class="copied === 'U+250F' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┏
copied = '', 1500)
"
:class="copied === 'U+2510' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┐
copied = '', 1500)
"
:class="copied === 'U+2511' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┑
copied = '', 1500)
"
:class="copied === 'U+2512' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┒
copied = '', 1500)
"
:class="copied === 'U+2513' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┓
copied = '', 1500)
"
:class="copied === 'U+2514' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
└
copied = '', 1500)
"
:class="copied === 'U+2515' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┕
copied = '', 1500)
"
:class="copied === 'U+2516' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┖
copied = '', 1500)
"
:class="copied === 'U+2517' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┗
copied = '', 1500)
"
:class="copied === 'U+2518' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┘
copied = '', 1500)
"
:class="copied === 'U+2519' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┙
copied = '', 1500)
"
:class="copied === 'U+251A' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┚
copied = '', 1500)
"
:class="copied === 'U+251B' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┛
copied = '', 1500)
"
:class="copied === 'U+251C' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
├
copied = '', 1500)
"
:class="copied === 'U+251D' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┝
copied = '', 1500)
"
:class="copied === 'U+251E' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┞
copied = '', 1500)
"
:class="copied === 'U+251F' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┟
copied = '', 1500)
"
:class="copied === 'U+2520' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┠
copied = '', 1500)
"
:class="copied === 'U+2521' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┡
copied = '', 1500)
"
:class="copied === 'U+2522' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┢
copied = '', 1500)
"
:class="copied === 'U+2523' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┣
copied = '', 1500)
"
:class="copied === 'U+2524' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┤
copied = '', 1500)
"
:class="copied === 'U+2525' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┥
copied = '', 1500)
"
:class="copied === 'U+2526' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┦
copied = '', 1500)
"
:class="copied === 'U+2527' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┧
copied = '', 1500)
"
:class="copied === 'U+2528' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┨
copied = '', 1500)
"
:class="copied === 'U+2529' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┩
copied = '', 1500)
"
:class="copied === 'U+252A' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┪
copied = '', 1500)
"
:class="copied === 'U+252B' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┫
copied = '', 1500)
"
:class="copied === 'U+252C' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┬
copied = '', 1500)
"
:class="copied === 'U+252D' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┭
copied = '', 1500)
"
:class="copied === 'U+252E' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┮
copied = '', 1500)
"
:class="copied === 'U+252F' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┯
copied = '', 1500)
"
:class="copied === 'U+2530' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┰
copied = '', 1500)
"
:class="copied === 'U+2531' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┱
copied = '', 1500)
"
:class="copied === 'U+2532' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┲
copied = '', 1500)
"
:class="copied === 'U+2533' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┳
copied = '', 1500)
"
:class="copied === 'U+2534' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┴
copied = '', 1500)
"
:class="copied === 'U+2535' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┵
copied = '', 1500)
"
:class="copied === 'U+2536' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┶
copied = '', 1500)
"
:class="copied === 'U+2537' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┷
copied = '', 1500)
"
:class="copied === 'U+2538' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┸
copied = '', 1500)
"
:class="copied === 'U+2539' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┹
copied = '', 1500)
"
:class="copied === 'U+253A' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┺
copied = '', 1500)
"
:class="copied === 'U+253B' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┻
copied = '', 1500)
"
:class="copied === 'U+253C' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┼
copied = '', 1500)
"
:class="copied === 'U+253D' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┽
copied = '', 1500)
"
:class="copied === 'U+253E' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┾
copied = '', 1500)
"
:class="copied === 'U+253F' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
┿
copied = '', 1500)
"
:class="copied === 'U+2540' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╀
copied = '', 1500)
"
:class="copied === 'U+2541' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╁
copied = '', 1500)
"
:class="copied === 'U+2542' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╂
copied = '', 1500)
"
:class="copied === 'U+2543' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╃
copied = '', 1500)
"
:class="copied === 'U+2544' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╄
copied = '', 1500)
"
:class="copied === 'U+2545' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╅
copied = '', 1500)
"
:class="copied === 'U+2546' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╆
copied = '', 1500)
"
:class="copied === 'U+2547' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╇
copied = '', 1500)
"
:class="copied === 'U+2548' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╈
copied = '', 1500)
"
:class="copied === 'U+2549' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╉
copied = '', 1500)
"
:class="copied === 'U+254A' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╊
copied = '', 1500)
"
:class="copied === 'U+254B' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╋
copied = '', 1500)
"
:class="copied === 'U+254C' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╌
copied = '', 1500)
"
:class="copied === 'U+254D' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╍
copied = '', 1500)
"
:class="copied === 'U+254E' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╎
copied = '', 1500)
"
:class="copied === 'U+254F' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╏
copied = '', 1500)
"
:class="copied === 'U+2550' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
═
copied = '', 1500)
"
:class="copied === 'U+2551' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
║
copied = '', 1500)
"
:class="copied === 'U+2552' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╒
copied = '', 1500)
"
:class="copied === 'U+2553' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╓
copied = '', 1500)
"
:class="copied === 'U+2554' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╔
copied = '', 1500)
"
:class="copied === 'U+2555' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╕
copied = '', 1500)
"
:class="copied === 'U+2556' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╖
copied = '', 1500)
"
:class="copied === 'U+2557' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╗
copied = '', 1500)
"
:class="copied === 'U+2558' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╘
copied = '', 1500)
"
:class="copied === 'U+2559' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╙
copied = '', 1500)
"
:class="copied === 'U+255A' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╚
copied = '', 1500)
"
:class="copied === 'U+255B' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╛
copied = '', 1500)
"
:class="copied === 'U+255C' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╜
copied = '', 1500)
"
:class="copied === 'U+255D' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╝
copied = '', 1500)
"
:class="copied === 'U+255E' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╞
copied = '', 1500)
"
:class="copied === 'U+255F' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╟
copied = '', 1500)
"
:class="copied === 'U+2560' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╠
copied = '', 1500)
"
:class="copied === 'U+2561' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╡
copied = '', 1500)
"
:class="copied === 'U+2562' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╢
copied = '', 1500)
"
:class="copied === 'U+2563' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╣
copied = '', 1500)
"
:class="copied === 'U+2564' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╤
copied = '', 1500)
"
:class="copied === 'U+2565' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╥
copied = '', 1500)
"
:class="copied === 'U+2566' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╦
copied = '', 1500)
"
:class="copied === 'U+2567' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╧
copied = '', 1500)
"
:class="copied === 'U+2568' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╨
copied = '', 1500)
"
:class="copied === 'U+2569' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╩
copied = '', 1500)
"
:class="copied === 'U+256A' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╪
copied = '', 1500)
"
:class="copied === 'U+256B' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╫
copied = '', 1500)
"
:class="copied === 'U+256C' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╬
copied = '', 1500)
"
:class="copied === 'U+256D' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╭
copied = '', 1500)
"
:class="copied === 'U+256E' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╮
copied = '', 1500)
"
:class="copied === 'U+256F' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╯
copied = '', 1500)
"
:class="copied === 'U+2570' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╰
copied = '', 1500)
"
:class="copied === 'U+2571' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╱
copied = '', 1500)
"
:class="copied === 'U+2572' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╲
copied = '', 1500)
"
:class="copied === 'U+2573' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╳
copied = '', 1500)
"
:class="copied === 'U+2574' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╴
copied = '', 1500)
"
:class="copied === 'U+2575' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╵
copied = '', 1500)
"
:class="copied === 'U+2576' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╶
copied = '', 1500)
"
:class="copied === 'U+2577' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╷
copied = '', 1500)
"
:class="copied === 'U+2578' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╸
copied = '', 1500)
"
:class="copied === 'U+2579' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╹
copied = '', 1500)
"
:class="copied === 'U+257A' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╺
copied = '', 1500)
"
:class="copied === 'U+257B' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╻
copied = '', 1500)
"
:class="copied === 'U+257C' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╼
copied = '', 1500)
"
:class="copied === 'U+257D' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╽
copied = '', 1500)
"
:class="copied === 'U+257E' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╾
copied = '', 1500)
"
:class="copied === 'U+257F' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
╿
Copied! Click character name to view full details.