# Markdown Sticky Notes

[![](https://dcbadge.limes.pink/api/server/https://discord.gg/X5EK8m2ksN?style=flat)](https://discord.gg/INVITE)

> A markdown sticky note that can be used in web pages

Download: [Chrome](https://chrome.google.com/webstore/detail/aiakblgmlabokilgljkglggnpflljdgp) | [Edge](https://microsoftedge.microsoft.com/addons/detail/markdown-sticky-notes/oemolnfmipkichhlknoiigjgmgcjfgla) | [Firefox](https://addons.mozilla.org/en-US/firefox/addon/markdown-sticky-notes/)

## Features

- Create new notes by clicking on the extension icon
- Auto save content and position in the web page
- Nice markdown editor & result
- Draggable, resizable
- Multiple editor theme and font styles
- Customizing note color
- Shortcut: `alt + m`

## Develop

```sh
# dev
pnpm run dev

# build
pnpm run build
pnpm run build:firefox

# zip
pnpm run zip
pnpm run zip:firefox
```

- refer to `wxt` [docs](https://wxt.dev/guide/introduction.html) for more details


## Install Locally

```sh
pnpm run build
```

- Go to [chrome://extensions/](chrome://extensions/)
- Turn on developer mode
- Click "load unpacked" button
- Choose the `.output/chrome-mv3/` folder
- Then you will be able to see extension icon in Chrome extension bar.


## Buy me a coffee ☕️

<p>
  If you like this extension, consider buying me a coffee. Your support
  will help me to continue maintaining this extension for <strong>free</strong>.
</p>
<a
  href="https://www.buymeacoffee.com/qiwei"
  target="_blank"
  rel="noopener noreferrer"
>
  <img
    src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png"
    alt="Buy Me A Coffee"
    width="217"
  />
</a>


<a href="https://www.producthunt.com/posts/markdown-sticky-notes?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-markdown&#0045;sticky&#0045;notes" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=442472&theme=light" alt="Markdown&#0032;Sticky&#0032;Notes - Create&#0032;md&#0032;sticky&#0032;notes&#0032;on&#0032;any&#0032;website&#0033; | Product Hunt" style="width: 250px; height: 54px;" width="250" height="54" /></a>