The Open Source CSV Importer

Docs | Demo | Slack | Website

Features

• Drop-in SDK to add CSV import to your application
• Smart column mapping
• Data types and validations
• Frontend callbacks to retrieve data

How It Works

1. Define the columns your users can import
2. Embed the TableFlow Importer in your app with the React or JS SDK
3. Your users import their files
4. Retrieve the cleaned and mapped data from a frontend callback

<TableFlowImporter
  template={{ // Define the file columns you want to import
    columns: [
      {
        name: "First Name",
        validations: [
          {
            validate: "not_blank",
            message: "Cell must contain a value",
          },
        ],
      },
    ],
    ... // Add other columns, data types, validations, and more
  }}
  onComplete={(data) => console.log(data)} // Retrieve the data
/>

Get Started

☁️ TableFlow Cloud

The quickest way to get started with TableFlow is signing up for free to TableFlow Cloud.

👩‍💻 Self-Hosted Deploy

Follow the deployment documentation to try TableFlow out locally on your machine or deploy in your VPC.

Get In Touch

Let us know your feedback or feature requests! You can submit a GitHub issue, reach out over Slack, or email us at [email protected]