A VS Code extension to quickly insert stylish ASCII or markdown-style comment banners for code and documentation.
If you want your code to look more organized and visually appealing, this extension is for you!
- Insert centered banners with box-drawing characters (e.g.
╔═══╗,###,===,---, ...) - Language-aware comment prefixes (e.g.
//,#,%) - It automatically detects the language of the file and uses the appropriate comment syntax (e.g.
//,#,%) - If the selected text is too long, it will automatically wrap to the next line
- Quick shortcut to insert banners:
Ctrl + Alt + B(Windows/Linux) orCtrl + Option + B(macOS) - Multiple styles available: double line, rounded, single line, dashed, thick, classic, equals, arrow, unicode block, fidget
Here are just a few examples:
// ╔════════════════════════════════════════════════════════╗
// ║ SECTION HEADING ║
// ╚════════════════════════════════════════════════════════╝// ╔════════════════════════════════════════════════════════╗
// ║ SECTION HEADING ║
// ║ You can also add several lines of text inside the box. ║
// ╚════════════════════════════════════════════════════════╝// ╔════════════════════════════════════════════════════════╗
// ║ SECTION HEADING ║
// ║ You can also add several lines of text inside the box ║
// ║and if it is too long it will automatically wrap to the ║
// ║ next line. ║
// ╚════════════════════════════════════════════════════════╝# ╭────────────────────────────────────────────────────────╮
# │ SECTION HEADING │
# │ You can also add several lines of text inside the box. │
# ╰────────────────────────────────────────────────────────╯% /********************************************************\
% * SECTION HEADING *
% * You can also add several lines of text inside the box. *
% \********************************************************/// +--------------------------------------------------------+
// | SECTION HEADING |
// | You can also add several lines of text inside the box. |
// +--------------------------------------------------------+// █▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀█
// █ SECTION HEADING █
// █ You can also add several lines of text inside the box. █
// █▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄█// /--------------------------------------------------------\
// | SECTION HEADING |
// | You can also add several lines of text inside the box. |
// \--------------------------------------------------------/// ==========================================================
// SECTION HEADING
// You can also add several lines of text inside the box.
// ==========================================================// >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
// > SECTION HEADING >
// > You can also add several lines of text inside the box. >
// <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<// 🭽▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀🭾
// ▌ SECTION HEADING ▐
// ▌ You can also add several lines of text inside the box. ▐
// 🭼▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄🭿// SECTION HEADING
// You can also add several lines of text inside the box.- Select text or place cursor
- Open Command Palette (
Ctrl+Shift+P) - Type: Banner: Insert ASCII Box
- Choose a style from the menu
- Done!
Or use shortcut:
Ctrl + Alt + B
Auto-detects appropriate comment syntax for:
- JavaScript / TypeScript:
// - Python / Shell:
# - HTML / Markdown:
<!-- --> - C / C++:
// - LaTeX:
%
Search for LaTeX Shortcuts in the Extensions Marketplace.
Or install via CLI:
code --install-extension naela.latex-shortcutsPublisher: naela (a.k.a. Axel Delaval)