A notepad in the browser
Permalink · By Axel Valdez · · #code #javascript #tools
I take a lot of notes during the work day, and I usually have my Notes app at hand, but the thing that is always in front of me is the Browser, so the best thing would be to be able to take notes right there.
Recently, I tried a couple Chrome extensions to do this, but they’re either overkill or they have ads (and I really dislike ads squeezing in every part of my day), so a couple nights ago I set up to scratch my own itch and come up with a solution.
Presenting Notepad
Super original name, I know.

Notepad is an editable webpage that saves its content in Local Storage. It’s super fast and it doesn’t require any instalation. Just visit the url in your browser and you’re ready to go. If you want to keep using it, I suggest to put it in your browser’s bookmarks bar, as a pinned tab, or as a start page.
Usage
- Go to https://axelvaldez.github.io/notepad/
- Click Edit (or Ctrl + E)
- Type your stuff down
- Click Save (Ctrl + S)
That’s it. In edit mode, you can use the following modifiers for text:
Modifier | What it does |
---|---|
*Bold text* | Bold text |
_Italicized text_ | Italicized text |
!Highlighted text (to end of line) | Highlighted text (to end of line) |
–Strikethrough text (to end of line) |
Also, urls starting with http:// or https:// will become clickable links.
Actions available
Action | Hot key | What it does |
---|---|---|
Edit | Ctrl+E | Enter edition mode |
Save | Ctrl+S | Saves the text input |
Cancel | Esc | Discards changes and exits edit mode |
Clear | Removes all the text |
That is it. I hope you find it useful and you like it. If you do, please share it with your friends.
If you have an idea for an improvement, wanna fork it or collaborate, this is the source code on Github.