Install with AI
Set up Jspreadsheet in your project with a single command. The AI wizard detects your framework, installs dependencies, and generates a working spreadsheet component — all automatically.
Quick Start
Run this command in your terminal or paste it into your AI coding assistant:
npx @jspreadsheet/install
That's it. The wizard will handle the rest.
What It Does
The install wizard will:
- Detect your framework — React, Vue, Angular, or vanilla JavaScript
- Install the right packages — core library, framework wrapper, and styles
- Generate a working component — a ready-to-use spreadsheet in your project
- Configure your license — wire up the built-in
'evaluation'license so every Pro feature works onlocalhostout of the box, no signup required
License
The generated component calls jspreadsheet.setLicense('evaluation'). This built-in evaluation license is free, does not expire, and unlocks all Pro features — but only on localhost. For staging or production, create a free account to generate a 30-day trial certificate, or see the License guide for full details.
Works With Any AI Assistant
You can paste npx @jspreadsheet/install as a prompt in any AI-powered development tool:
| Tool | How to use |
|---|---|
| Claude Code | Paste the command in your terminal |
| Cursor | Paste in the composer or terminal |
| Windsurf | Paste in Cascade or terminal |
| GitHub Copilot | Paste in the chat or terminal |
| ChatGPT | Share the command with your project context |
| VS Code + AI | Paste in the integrated terminal |
Manual Installation
If you prefer to install manually, see the Getting Started guide for step-by-step instructions for each framework.
NPM
npm install jspreadsheet@12
Framework Wrappers
// React
npm install @jspreadsheet/react@12
// Vue
npm install @jspreadsheet/vue@12
// Angular
npm install jspreadsheet@12
CDN
<script src="https://cdn.jsdelivr.net/npm/jspreadsheet@12/dist/index.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jspreadsheet@12/dist/jspreadsheet.min.css" type="text/css" />
<script src="https://cdn.jsdelivr.net/npm/jsuites@6/dist/jsuites.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jsuites@6/dist/jsuites.min.css" type="text/css" />
Frequently Asked Questions
Does this require an AI subscription?
No. The npx @jspreadsheet/install command runs locally. If you're using it inside an AI coding assistant, you just need access to that tool.
What frameworks are supported?
The wizard supports React, Vue, Angular, and vanilla JavaScript/TypeScript projects.
Can I use this in an existing project?
Yes. The wizard detects your existing project setup and adds Jspreadsheet without overwriting your configuration.