- Rich Text Editing - Bold, italic, underline, headings, task checklists, and more
- Share via URL - Your notes are encoded directly in the URL hash
- Multi-Note Library - Instantly switch between unlimited saved notes
- E2E Encryption - Lock sensitive notes with AES-GCM passwords
- Advanced Sharing - Issue Read-Only links or self-destructing Timebombs
- Works Offline - Install natively as a PWA and use anywhere
- Zero Dependencies - Just pure vanilla HTML, CSS, and JS
- Beautiful UI - Minimalist, brutalist design with smooth animations
Open index.html in your browser and start typing.
git clone https://github.com/xtrafr/notes.git
cd notes
open index.htmlCtrl/Cmd + B- BoldCtrl/Cmd + I- ItalicCtrl/Cmd + U- UnderlineCtrl/Cmd + K- LinkCtrl/Cmd + S- Download as HTML file
Your primary data stays in a highly-optimized library inside your browser's local storage. On top of that, your note seamlessly syncs into the URL Hash using standard base64 compression. This means:
- Library context - The app tracks what note you are editing instantly
- Share notes - Just copy the URL to hand someone an active clone
- No database - Fast and completely private
- Offline first - PWA capability included
- Frontend: Vanilla HTML5, CSS3, JavaScript ES6+
- Storage: URL Hash + LocalStorage
- PWA: Service Worker + Web App Manifest
- Deployment: Static hosting (Vercel, Netlify, GitHub Pages)
notes/
├── index.html # HTML structure & Generic UI Modals
├── style.css # Brutalist UI styling and tokens
├── app.js # Core algorithms (Multi-note logic, E2EE, hashing)
├── manifest.json # PWA manifest
├── sw.js # Service worker for offline app install
└── README.md # This file
- Privacy-first - Your data never leaves your browser
- Instant - No loading time, no setup required
- Portable - Works on any device with a browser
- Simple - Focus on writing, not features
MIT © Xtra
Made with love by Xtra
