CSV Editor
Edit a CSV in a real grid, then see exactly which cells you changed.
IntermediateWeb appTool12–24hAI-buildable 5/5no setupworth shipping
Load a CSV into an editable grid with keyboard navigation that behaves like a spreadsheet, then show a change summary before export. The grid interaction — arrow keys, tab, enter-to-commit, escape-to-cancel — is what makes it feel like a real tool instead of a table of inputs.
UI
Logic
Useful
Hosting · Free forever
Deploys free on GitHub Pages, Cloudflare Pages or Vercel Hobby.
Deploy it and share a link.
Core features · 7
- Load a CSV file by drop or file picker
- Cells are editable in place with a real grid feel
- Arrow keys, Tab and Enter move the selection like a spreadsheet
- Escape cancels an in-progress cell edit
- Changed cells are visually marked against the original
- A summary lists every change before export
- Export the edited CSV back out
The interesting part
- CSV parsing that survives quoted commas and embedded newlines
- Grid keyboard navigation that matches spreadsheet muscle memory
- Tracking the original values to diff against without doubling memory
Once it works
- Add column sorting and filtering
- Add undo and redo
- Handle very large files with virtualisation
Suggested stack
reacttypescripttailwind