BluKavantUI Design system
BETTER DATA STARTS HERE
Data Import Wizard PRO

Get their data
into your app.

Customers and suppliers arrive with their own spreadsheets. Help them map the columns, fix the mistakes and hand your application records it can work with.

  • Editable schemas
  • Related records
  • Optional re-keying

For web apps and OutSystems

Product catalogue / ImportCSV
1 Upload2 Map columns3 Review
Unit price CSV columnPrice Decimal field
Illustrative product import review
ProductPriceStock
Ecuador · whole bean18.50120
House blend · whole bean16.00check Enter a whole number
Decaf · whole bean17.5080
Catch a mistake before it reaches your database.
IN PRACTICE / SUPPLIER ONBOARDING

Their spreadsheet.
Your data standards.

A supplier sends a coffee catalogue with “Unit price” and “In stock” columns. Your app expects Price and Stock—and one stock cell says “check”. The operations team needs to fix the data without starting over.

SupplierCatalogue coordinatorYour application
Work with the imported records Use Grid to search, review and maintain the catalogue.
TRY THE REAL COMPONENT

Bring in a coffee product catalogue.

Download the sample CSV, choose it below, map the columns and correct the stock value marked “check”. Then finish the sample import.

Download sample CSV
Interactive Data Import Wizard demoWeb component

Loading the example… Open the component playground.

Demo data stays in memory on this page. Reloading the browser resets it. No database writes or shared collaboration.

OTHER PLACES THIS FITS

Different teams. Familiar problems.

01 / Customer onboarding

Bring the first asset register.

A new customer exports equipment from a spreadsheet. Map serial numbers and locations, catch duplicate keys within the file, then send valid rows to your service.

ExportMapValidate
02 / People operations

Prepare a training roster.

An administrator maps names, departments and session dates from a CSV. Required fields and date checks catch incomplete records before application validation.

UploadCheckSubmit
03 / Finance operations

Review a price update.

A coordinator maps supplier codes and decimal prices, corrects malformed amounts, then submits the rows. Your service checks product matches and permission to update.

MapCorrectConfirm
YOUR APP. YOUR WORKFLOW.

Bring it into your product.

Define the destination fields, then handle ImportRequested with your own server-side validation and storage. Return the matching request ID, success or failure, and optional row errors. This component imports CSV; your app owns the database transaction.

View accessibility status

Search BluKavantUI