HelloCSV is a Flatfile alternative, except it's frontend only, open source, and free to use. Drop a beautiful CSV importer into any app in seconds (even if it doesn't use React). An intuitive four step flow: map columns, transform data, validate & preview.
Hello ProductHunt!
TLDR: HelloCSV is an open source, free, Flatfile alternative
We're a software shop and almost every project we work on inevitably needs a CSV importer, which all share the same set of problems:
- How do you make sure that data uploaded is correct
- How do you notify the user that the data is incorrect before they upload it, and give the user a chance to fix it
- Incorrect or duplicate data that is uploaded is super annoying to try to fix after-the-fact
- Run automatic formatters (ex: phone number formatting), but providing a way for the user to see what our formatter did before uploading as a sanity check
So we built a tool that we've been using internally for a few months now, and just polished it up and open sourced it.
It's basically a drop in CSV importer that:
- Supports custom columns
- with custom validations
- and custom transformations
- and a nice UI that walks a user through a 4 step process of uploading a CSV (upload, map columns, preview data, upload confirmation)
Some of the things we really tried to achieve for was:
- Be able to use this for non-React / SPA projects
- Keep bundle size small (99kb was as small as I was able to make it, really tried hard!)
- 100% frontend, unlike alternatives like FlatFile / OneSchema that send data to remote servers.
- 100% free & open source
- The stack is as minimal & stable as we could make it. Preact for a tiny, stable reactive renderer + TanStack datatables for the preview.
Demo: https://hellocsv.github.io/Hello...
Code: https://github.com/HelloCSV/Hell...
