← Back to Blog

Introducing ImportKit: CSV Imports in 5 Minutes

by ImportKit Team

We're excited to launch ImportKit — an embeddable CSV and Excel import widget built for SaaS developers.

The Problem We Solve

Every B2B SaaS application needs a way for users to import data. CRMs need contact imports. HR tools need employee lists. Project management apps need task imports. The pattern is always the same: upload a file, map columns, validate data, import.

Yet most teams build this from scratch every time, spending weeks on something that isn't their core product. The existing solutions? Flatfile starts at $500/month. OneSchema is enterprise-only. Neither is affordable for early-stage SaaS.

What ImportKit Does

ImportKit is a React component (and JavaScript SDK) that handles the entire import flow:

  • Upload — Users drag and drop CSV or Excel files
  • Map — AI automatically suggests column mappings. Users confirm with one click
  • Preview — Data is validated and displayed with inline error editing
  • Import — Clean, validated data is returned to your app

    • AI-Powered Field Mapping

    The standout feature is intelligent column mapping. When a user uploads a file with columns like "Email Address", "First Name", "Phone #", ImportKit's AI automatically matches them to your schema fields. No more manual dropdowns for every column.

    The AI handles synonyms, abbreviations, different languages, and messy headers — the kind of thing that's painful to build with simple string matching.

    Built-in Validation

    Define validation rules per field and ImportKit handles the rest: 

    fields={[
  {
    name: 'email',
    type: 'email',
    required: true,
    validate: [{ type: 'email' }],
  },
  {
    name: 'age',
    type: 'number',
    validate: [
      { type: 'min', value: 0 },
      { type: 'max', value: 150 },
    ],
  },
]}

    Eight validation rule types are supported: email, number, regex, min, max, minLength, maxLength, and oneOf. Invalid cells are highlighted and users can edit them inline before importing.

    Editable Preview

    This is something most CSV importers miss. After mapping, users see a full preview of their data with validation errors highlighted. They can click any cell to edit it, fix errors in place, and see real-time revalidation. No more "fix your file and re-upload."

    Themes and Customization

    Match ImportKit to your brand with full theme support — colors, fonts, border radius. Remove the "Powered by ImportKit" watermark on paid plans.

    Pricing

    We designed pricing for SaaS products at every stage:

  • Free — 100 rows/month, 1 template. Perfect for trying it out.
  • Starter (€49/mo) — 10,000 rows/month, 5 templates, no watermark.
  • Pro (€149/mo) — 100,000 rows/month, unlimited templates, webhooks, API destinations.

    • That's 10x cheaper than Flatfile for comparable usage.

    Get Started

    Install the package: 

    npm install @importkit/react

    Add the widget to your app: 

    import { ImportWidget } from '@importkit/react'
    <ImportWidget
  apiKey="your_key"
  fields={[
    { name: 'email', type: 'email', required: true },
    { name: 'name', type: 'text' },
  ]}
  onComplete={(data) => console.log(data)}
/>

    That's it. Sign up for free and get your API key. Check out the documentation for the full API reference.

    We'd love to hear what you think. Feedback, feature requests, and questions are all welcome.

    Ready to add CSV imports to your SaaS?

    ImportKit gives you production-ready CSV imports in 5 minutes.

    Start Free Trial