Online Notepad
A simple, distraction-free online notepad. Write and save notes directly in your browser with auto-save to local storage.
Auto-saved to your browser. Your notes stay private and are never sent to any server.
How to Use This Tool
- Start typing or paste your notes into the text area.
- Your text is saved automatically to your browser's local storage as you type — no save button needed.
- Reopen the page later and your notes will still be there, loaded automatically from local storage.
- Use "Copy" to copy all text to your clipboard, "Download" to save it as a .txt file, or "Clear" to erase the notepad.
Formula & How It Works
Auto-save on change
watch(text, val => localStorage.setItem("vitetools-notepad", val))Every time the text changes, the full contents are written to the browser's local storage under a fixed key, so nothing is lost if you close the tab.
Auto-load on visit
onMounted(() => text = localStorage.getItem("vitetools-notepad"))When the page loads, any previously saved text is read back from local storage and placed into the notepad automatically.
Word and character count
wordCount = text.trim().split(/\s+/).length; charCount = text.lengthA live word count is derived by splitting the trimmed text on whitespace, while the character count is simply the string length, both shown above the notepad.
Download as file
new Blob([text], { type: "text/plain" }) -> download as notepad.txtThe current text is packaged into a plain-text file in the browser and triggered as a download named notepad.txt.
Practical Examples & Common Use Cases
Example: Drafting a quick to-do list
You jot down "1. Call the plumber 2. Finish quarterly report 3. Book flight for conference" — the list is auto-saved instantly, so even if you accidentally close the browser tab, it will still be there when you come back.
Example: Saving meeting notes for later
After a client call, you type up notes and click Download to save them as meeting-notes.txt, giving you a permanent local copy outside the browser to attach to an email or file in a project folder.
Example: Drafting text before pasting elsewhere
You write a longer message or email draft in the notepad, use the Copy button to grab the finished text, and paste it directly into Gmail, Slack, or a document without worrying about losing your draft if the browser refreshes.
Frequently Asked Questions
Yes, your notes are saved to your browser's local storage as you type. They will persist between visits unless you clear your browser data.
No, notes are saved locally in your browser. They are not synced across devices. Use the Download button to save a .txt file you can transfer.
There is no hard limit in the notepad itself. Browser local storage typically supports 5-10 MB of data, which is millions of characters.