DEV Community

Cover image for πŸ“ Online Notepad: Auto-save, Markdown preview, version history β€” no login, ever
Tomaz
Tomaz

Posted on Originally published at tooladda.online

πŸ“ Online Notepad: Auto-save, Markdown preview, version history β€” no login, ever

⚑ 10-second version

Open tooladda.online/online-notepad.html and type. It saves as you go, keeps a version history, renders Markdown live, and works with the Wi-Fi off. There is no sign-up screen because there is no account.

❗ Important

Your notes live in your browser's storage, on your device. Not in someone's database, not attached to an email address, not readable by a support engineer. That's what "local-first" means, and it's the entire design.


πŸ—„οΈ Local-first: what you gain, and the one thing to know

This notepad (local) Cloud note app
Sign-up None Email + password
Works offline βœ… Fully Partially, at best
Who can read your notes Only you You, the company, anyone who breaches it
Speed Instant β€” no network in the loop Depends on your connection
Survives the service shutting down βœ… It's on your disk ❌ Export-or-lose
Syncs across your devices ❌ No βœ… Yes
Survives clearing browser data ❌ No βœ… Yes

Those last two rows are the honest trade-off, and it's worth stating plainly rather than burying:

⚠️ Warning

Notes are stored in your browser's local storage for this browser, on this device. They will be lost if you clear site data, use "Clear browsing history β†’ cookies and site data", or open the notepad in a different browser or a private window. Export anything you'd be upset to lose β€” that's what the MD/ZIP export is for.

Browser storage per site is finite (typically a handful of megabytes for localStorage). That's tens of thousands of words β€” enormous for notes, and not where you should keep a novel. For a long manuscript, export to Markdown and keep the file.


🧭 How it works

Diagram


✨ What's inside

### πŸ’Ύ Auto-save as you type No save button, no "unsaved changes" dialog. Close the tab mid-sentence and the sentence is still there tomorrow. ### πŸ•˜ Version history Roll back to an earlier state of a note. The safety net that makes an editor without a save button trustworthy.
### πŸ‘οΈ Live Markdown preview Write in Markdown, see it rendered beside you. Headings, lists, code blocks, links, tables. ### πŸ—‚οΈ Multiple notes with tags A real sidebar, not one endless text box. Tag notes and find them again.
### πŸ“€ Five export formats Markdown, HTML, PDF, DOCX, or a ZIP of everything. Your notes are never locked in a format only this tool can read. ### ✈️ Installable PWA Add to your home screen or desktop and it opens offline like a native app β€” because nothing about it needs a network.

πŸ› οΈ Real jobs

Situation Why this one
πŸ“‹ Scratchpad on a work machine No install, no admin rights, no corporate app-approval process.
πŸŽ“ Lecture notes Markdown is fast to type; export to PDF to share.
πŸ§‘β€πŸ’» Snippets and command lines Code blocks with proper monospace formatting.
πŸ—’οΈ Drafting a message before sending Type it out, reread it, then paste.
✍️ Journalling Genuinely private β€” nothing syncs anywhere.
✈️ Writing on a flight Offline PWA, no connection needed.

πŸ“– Getting started

1.  Open    β†’  tooladda.online/online-notepad.html
2.  Type    β†’  it's already saving
3.  Organise→  new notes in the sidebar, add tags
4.  Install β†’  browser menu β†’ Install (for offline + desktop icon)
5.  EXPORT  β†’  ZIP backup of anything you can't afford to lose
Enter fullscreen mode Exit fullscreen mode

β–Ά Start writing β€” tooladda.online/online-notepad.html

πŸ’‘ Tip

Make an export part of your habit β€” a ZIP backup once a week takes five seconds. Local-first storage is fast, private and yours; it is not a backup strategy on its own.


❓ FAQ

Is it free? Do I need an account?

Free, and there's no account at all β€” no email, no password, no verification step.

Where are my notes stored?

In your browser's local storage, on your device. Not on a server.

Can I lose my notes?

Yes β€” if you clear browser site data, or use a different browser or device. Export regularly. This is the honest cost of not having an account.

Can I sync between my phone and laptop?

No automatic sync, because there's no server. Export and move the file, or use the same device.

Does it work offline?

Yes, fully. Install it as a PWA and it behaves like a local app.

Can anyone else read my notes?

Not remotely β€” there's nothing transmitted. Anyone with access to your unlocked device and this browser profile can, so treat it like a file on your desktop.

How much can I write?

Browser storage is typically a few megabytes per site β€” tens of thousands of words. Plenty for notes; export long-form work to files.


πŸ”¬ Under the hood

  • Vanilla JavaScript, no framework; storage via the browser's local storage APIs.
  • Markdown rendered client-side; PDF and DOCX generated client-side too.
  • Service worker + web manifest for genuine offline operation.
  • No backend, no analytics on note content, no account system.

Originally published on ToolAdda, where Online Notepad runs free in your browser β€” nothing is uploaded, nothing leaves your device.

Top comments (0)