The open source

CSV importer

Onboard customer data faster than ever before

Get started - free

Trusted by

How It Works

1. Embed Importer

Embed the TableFlow import experience inside your app with just a few lines of code.

import { TableFlowImporter } from "@tableflow/react";

function MyComponent() {
  const [isOpen, setIsOpen] = useState(false);
  return (
  <>
   <button onClick={() => setIsOpen(true)}>Open TableFlow Importer</button>
      <TableFlowImporter
   importerId={"6de452a2-bd1f-4cb3-b29b-0f8a2e3d9353"} // Your importer ID
  modalIsOpen={isOpen}
  modalOnCloseTriggered={() => setIsOpen(false)}
  metadata={{"user_id": 1234}} // Pass through user info
  onComplete={(data) => console.log(data)}
  />
  </>
);
}

import createTableFlowImporter from "@tableflow/js";

const importer = createTableFlowImporter({
importerId: "6de452a2-bd1f-4cb3-b29b-0f8a2e3d9353", //Use your importer ID
modalOnCloseTriggered: () => importer.close(),
metadata: {"user_id": 1234}, // Pass through user or import info
onComplete: (data) => console.log(data)
});

const uploadButton = document.getElementById("uploadButton");

uploadButton.addEventListener("click", () => {
importer?.showModal();
});

<head>
<script src="https://unpkg.com/@tableflow/js@latest/build/index.js"></script>
</head>
<body>
<button id="uploadButton">Open TableFlow Importer</button>
<script>
const importer = createTableFlowImporter({
importerId: "6de452a2-bd1f-4cb3-b29b-0f8a2e3d9353", // Use your importer ID
modalOnCloseTriggered: () => importer.close(),
darkMode: true,
metadata: {"user_id": 1234}, // Pass through user or import info
onComplete: (data) => console.log(data),
});

const uploadButton = document.getElementById("uploadButton");
uploadButton.addEventListener("click", () => {
importer?.showModal();
});
</script>
</body>

2. Import Data

Customers upload CSV files, map columns, and resolve errors to complete the import.

3. Retrieve Data

Developers access the clean JSON data via frontend SDK or the TableFlow API.

{
"id": "170f9ae1-c109-4e26-83a1-b31f2caa81b2",
"num_rows": 2,
"metadata":
{
"user_id": 1234,
},
"rows": [
{
"index": 0,
"values": {
"age": "23",
"email": "maria@example.com",
"first_name": "Maria",
"last_name": "Martinez"
}
},
{
"index": 1,
"values": {
"age": "32",
"email": "robert@example.com",
"first_name": "Robert",
"last_name": "Jones"
}
}
]
}
‍

How It Works

How it works

1. Create

Create an importer in the admin UI without any coding required.

2. Collect

Collect data by embedding the importer in your app or sharing a link with customers.

3. Retrieve

Retrieve the clean and validated data through the admin UI or through our API.

Simple user flow.

Powerful results.

Time Savings

Avoid Engineering Effort

Free your engineering team to focus on core product innovation and new features.

6 months

average time to build CSV import without TableFlow

Onboard Customers Faster

Accelerate new customer onboarding with TableFlow’s streamlined data import process.

3 weeks

average time to onboard data without TableFlow

Reduce Manual Cleanup

Rescue your team from manual data cleanup using advanced error detection and auto-fix features.

2 hours

average time to clean a data file
without TableFlow

Features

Embeddable Modal

Embed a customizable modal into your app using our frontend SDKS

No-code Configuration

Easily configure and customize your importer without writing code

Custom Styling

Customize the import experience to match your application

AI Automations

Automatically detect header rows and map columns

Data Validations

Enforce requirements on all imported data

Scalable Performance

Validate and import millions of rows of data in seconds

Embeddable Modal

Embed a customizable modal into your app using our frontend SDKS

No-code Configuration

Easily configure and customize your importer without writing code

Custom Styling

Customize the import experience to match your application

AI Automations

Automatically detect header rows and map columns

Data Validations

Enforce requirements on all imported data

Scalable Performance

Validate and import millions of rows of data in seconds

In our clients' words

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere."

Mitch Patin

Co Founder, TableFlow

Mitch Patin

Co Founder, TableFlow

Mitch Patin

Co Founder, TableFlow

Data security is our priority

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo con.

Get started for free