Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Dot Art in CodeNew to Visual Studio Code? Get it now.
Dot Art in Code

Dot Art in Code

arch1e

|
3 installs
| (2) | Free
Easily add fun dot art and ASCII art to your code with automatic comments!
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Dot Art in Code

Add fun and creative ASCII / Dot Art to your code with a single click!

This extension automatically detects your programming language and wraps the art in the correct comment syntax, keeping your code clean and error-free.

Features

  • Insert Built-in Art: Choose from a list of ready-to-use dot arts.
  • Random Insert: Feeling lucky? Insert a random dot art instantly.
  • Language Support: Automatically adds the correct comments for Python (#), JavaScript/TypeScript (/* */), Rust/C/C++ (/* */), HTML (``), and more.
  • Save Your Own Art: Highlight any text in your editor, right-click, and select "Dot Art: Save Selection as New Art" to build your own personal library!

Usage

  1. Look for the ☺ Insert Dot Art button on the bottom right of your VS Code Status Bar.
  2. Click it to open the selection menu.
  3. Choose an art piece or select "Random Insert".
  4. The art will be added to the very bottom of your current file.

How to save custom art

  1. Go to VS Code Settings (Ctrl + ,).
  2. Search for dotArtInCode.customFolder.
  3. Paste the absolute path to a folder on your computer (e.g., D:\MyDotArts).
  4. Select any text in your code, right-click, and choose "Dot Art: Save Selection as New Art".

Extension Settings

This extension contributes the following settings:

  • dotArtInCode.customFolder: The absolute folder path where your personal .txt art files will be saved and loaded from.

Known Issues

None so far! Feel free to report any issues on GitHub.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft