All projects · SaaS Product Tools
DraftGuard — Autosave & Recovery
A distraction-free draft editor that auto-saves content to the browser as you type and instantly restores it when you return.
A distraction-free draft editor that auto-saves content to the browser as you type and instantly restores it when you return. Delivers a zero-setup, zero-account 'never lose your work' writing experience.
- Debounced autosave (600ms) with a three-state saving indicator (idle → saving → saved) and timestamp
- Automatic rehydration on load with a 'Draft restored from your last session' recovery banner
- beforeunload safety net that flushes any pending save if the user leaves mid-debounce
- Live word/character counts and a clear-draft action that also purges storage
Built with: HTML, CSS, Vanilla JavaScript, localStorage, Google Fonts (Sora, Outfit)