Pro evaluation

The sv-grid-pro package is soft-gated; you can evaluate every feature in production-equivalent code paths without contacting sales. This page is the playbook.

Step 1: Install

pnpm add sv-grid-pro
# Add the peers for the features you want to evaluate:
pnpm add jszip          # xlsx export/import
pnpm add pdfmake        # pdf export

jszip and pdfmake are lazy-loaded by sv-grid-pro - they're only required if you actually invoke the matching feature.

Step 2: Install the evaluation key

import { setLicenseKey } from 'sv-grid-pro'
setLicenseKey('SVPRO-DEV-DEMO')

This suppresses the watermark in local dev. For staging / production evaluation, request an evaluation key at svgrid.com/evaluate - it's a one-form request, no sales call, key arrives in ~10 minutes.

The evaluation key is a real key with a 30-day expiry. Behaves identically to a paid license; lets you ship internal staging / demo deployments to evaluators without the watermark.

What unlicensed looks like

With no key set, Pro stays fully functional but nudges you:

A small "www.svgrid.com" watermark in the corner of each grid (fades after 5 seconds).
The first time you actually invoke a Pro feature (export, import, print, AI), a one-time upgrade card appears in the bottom-right naming that feature, with a one-click link to start a free trial. It shows at most once per session.

Both are pure DOM - no network calls, no cookies, no web storage (see security). setLicenseKey() with any valid key suppresses them before they appear. To remove the upgrade card programmatically (e.g. you render your own upgrade UI), call:

import { dismissUpgradePrompt } from 'sv-grid-pro'
dismissUpgradePrompt()

Step 3: Wire up

<script lang="ts">
  import { SvGrid, type SvGridApi } from 'sv-grid-community'
  import { installPro, type ProGridApi } from 'sv-grid-pro'

  let api = $state<ProGridApi<typeof features, Order> | null>(null)
</script>

<SvGrid
  data={rows} columns={columns} features={features}
  onApiReady={(next: SvGridApi<typeof features, Order>) => {
    api = installPro(next)
  }}
/>

<button onclick={() => api?.exportData({ format: 'xlsx' })}>Export</button>

That's the integration. The Community grid is unchanged; Pro augments the api object.

Step 4: Try the features (30-min tour)

Feature	One-line evaluation
Export	`api.exportData({ format: 'xlsx', filename: 'data' })`
Pivot	`const pivot = createPivotModel(rows, { rows: ['region'], cols: ['quarter'], values: [{ field: 'amount', agg: 'sum' }] })`
Import	`<input type="file" onchange={(e) => api.importData({ file: e.target.files[0] }).then(r => api.addRows(r.rows))}>`
AI	`setAIProvider(yourAdapter); const plan = await api.ai.filter('show last quarter > $10k')`

Each Pro feature has a fully-working demo in the gallery (56-60 + 51 + 52 + 53) that you can read end-to-end.

Step 5: Performance + budget check

Bundle sizes (gzip):

Surface	Size	Notes
Community only	49 kB	Renderer + engine
+ Pro export	+12 kB	+ `jszip` peer when xlsx is used
+ Pro pdf	+90 kB	+ `pdfmake` peer when pdf is used
+ Pro pivot	+6 kB	Pure TS, no peers
+ Pro AI	+4 kB	You bring the model client
+ Pro import	+5 kB	+ `jszip` for xlsx import

Subpath imports (sv-grid-pro/export, sv-grid-pro/pivot, etc.) ensure you only pay for what you use.

Step 6: Decide

Shipping one production app? Single Application Developer License ($599 per developer).
Shipping multiple apps across your org? Multiple Application Developer License ($999 per developer).
Large team (5+), multi-year, NDA, or PO? Enterprise / volume (contact sales).

Each is a perpetual license + 1 year of updates and support that renews automatically; cancel anytime.

Full pricing.

Migrating from another grid mid-evaluation

If you're swapping out AG Grid / TanStack Table / MUI X / Handsontable / Glide, see the migration guides

typically a half-day port for a 5-grid app.