A pure front-end spreadsheet component with Excel-like capabilities, built-in native AI workflows, and flexible LLM integration for data operations.
A pure front-end spreadsheet component with Excel-like capabilities, built-in native AI workflows, and flexible LLM integration for data operations.
English | 简体中文
SheetNext can be integrated with just a few lines of code and works with any front-end framework (Vue, React, Angular, etc.).
npm install sheetnext
<!-- Container for the editor -->
<div id="SNContainer" style="width:100vw;height:100vh;padding:0 7px 7px"></div>
import SheetNext from 'sheetnext';
import 'sheetnext.css';
const SN = new SheetNext(document.querySelector('#SNContainer'));
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SheetNext Demo</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sheetnext/dist/sheetnext.css">
</head>
<body>
<div id="SNContainer" style="width:100vw;height:100vh;padding:0 7px 7px"></div>
<script src="https://cdn.jsdelivr.net/npm/sheetnext/dist/sheetnext.umd.js"></script>
<script>
const SN = new SheetNext(document.querySelector('#SNContainer'));
</script>
</body>
</html>
The default language is English (en-US). A built-in Chinese (zh-CN) locale is available.
Import locale via npm:
import SheetNext from 'sheetnext';
import zhCN from 'sheetnext/locales/zh-CN.js';
SheetNext.registerLocale('zh-CN', zhCN);
const SN = new SheetNext(document.querySelector('#SNContainer'), {
locale: 'zh-CN'
});
Import locale via CDN:
<script src="https://cdn.jsdelivr.net/npm/sheetnext/dist/sheetnext.umd.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sheetnext/dist/sheetnext.locale.zh-CN.umd.js"></script>
<script>
const SN = new SheetNext(document.querySelector('#SNContainer'), {
locale: 'zh-CN'
});
</script>
docs/skill/sheetnext-dev/.docs/skill/sheetnext-dev/references/ in the repository.docs/skill/sheetnext-dev/references/core-api.md, docs/skill/sheetnext-dev/references/events.md, and docs/skill/sheetnext-dev/references/enums.md.docs/skill/sheetnext-dev/references/ai-relay.md and docs/skill/sheetnext-dev/references/json-format.md.references to Your AI ToolFor Codex, copy the generated skill into your Codex skills directory, then restart Codex:
Copy-Item -Recurse -Force .\docs\skill\sheetnext-dev "$env:USERPROFILE\.codex\skills\sheetnext-dev"
For Cursor / Claude / ChatGPT / Copilot or any AI coding assistant, provide the docs/skill/sheetnext-dev/references/ reference set first, then describe your requirements.
Recommended prompt template:
You are a senior SheetNext AI development expert. Please read and understand the documentation I provide, then give a directly implementable solution.
Execution order:
1) Read: docs/skill/sheetnext-dev/references/core-api.md
2) Read as needed: docs/skill/sheetnext-dev/references/events.md, docs/skill/sheetnext-dev/references/enums.md, docs/skill/sheetnext-dev/references/ai-relay.md, and docs/skill/sheetnext-dev/references/json-format.md
3) Identify user goals (business goals + technical goals)
4) Output a minimum viable implementation (get it running first, then optimize)
5) All APIs and code must strictly follow the documentation
6) Provide verification steps and risk points
Constraints:
- Do not fabricate APIs
- Do not skip edge cases
- Prioritize reusing existing capabilities, avoid over-engineering
For example:
| Chrome | Firefox | Safari | Edge |
|---|---|---|---|
| 80+ | 75+ | 13+ | 80+ |
Apache-2.0. See LICENSE.
FAQs
A pure front-end spreadsheet component with Excel-like capabilities, built-in native AI workflows, and flexible LLM integration for data operations.
The npm package sheetnext receives a total of 234 weekly downloads. As such, sheetnext popularity was classified as not popular.
We found that sheetnext demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
The White House’s Gold Eagle Initiative aims to coordinate AI-discovered vulnerabilities, validate findings, and accelerate patching across critical software.
Security News
A Shai-Hulud infection exposed Suno's source code, which shows the AI music startup stream-ripped tracks to train its models.
Security News
Vercel is formalizing a monthly release program for Next.js. The change follows React2Shell and a sharp rise in AI-assisted vulnerability discovery.