Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Note CardsNew to Visual Studio Code? Get it now.
Note Cards

Note Cards

XuanTree

|
1 install
| (0) | Free
A simple extension to let you view all your md notes as cards!
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Note Cards

A simple extension to let you view all your md notes as cards! If you have used note-taking apps like Obsidian, you will find using this extension easy.

Features

  1. View all your md notes as cards.
  2. Filter your notes by tags.
  3. Add a Cover to your cards.
  4. Light/Dark mode can be chosen!

Usage

  1. Open VSCode.
  2. Click the extension market
  3. Search for "Note Cards" and install it.
  4. Open a folder containing your md notes.

You can use Yaml front matter in your md notes to add a cover to your cards. The cover will be displayed on the card. The cover can be a link to an image or a local image.Using command Ctrl+Shift+P to open the command palette and type "Note Cards: Open View" to open the panel.

Known Issues

  1. using multiple Heading 1 will cause the cards to be grouped together.
  2. using HTML like <div> in md files seems to cause the cards to be grouped together.

Enjoy!

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