All projects · SaaS Product Tools
TimeMachine — Undo / Redo Editor
A text editor with a full undo/redo history engine and a clickable visual timeline for jumping between any past state.
A text editor with a full undo/redo history engine and a clickable visual timeline for jumping between any past state. Demonstrates classic history-stack mechanics with polished, self-disabling controls and keyboard shortcuts.
- History-stack + index model capping at 50 states, with redo-branch truncation on new edits
- Debounced capture so each pause becomes one undo step rather than one-per-keystroke, plus blur-flush
- Keyboard shortcuts for undo (Cmd/Ctrl+Z) and redo (Shift+Z / Ctrl+Y) that flush pending changes first
- Interactive history timeline with past/current/future node states and click-to-time-travel
Built with: HTML, CSS, Vanilla JavaScript, Google Fonts (Sora, Outfit)