dream-num/univer

★ 12,963TypeScriptAudience · developerComplexity · 3/5Setup · moderate

Mindmap

mindmap
  root((univer))
    What it does
      Spreadsheet editing
      Document editing
      Server side processing
    Tech stack
      TypeScript
      React
      Vue
      Node.js
      Canvas rendering
    Use cases
      Web app embedding
      AI app integration
      Report generation
    Key features
      Plugin system
      Facade API
      Collaboration support

mindmap root((univer)) What it does Spreadsheet editing Document editing Server side processing Tech stack TypeScript React Vue Node.js Canvas rendering Use cases Web app embedding AI app integration Report generation Key features Plugin system Facade API Collaboration support

Click or tap to explore — scroll the page freely

Things people build with this

USE CASE 1

Embed a live spreadsheet editor inside a web app or internal business tool without licensing Google Sheets or Excel.

USE CASE 2

Run server-side spreadsheet calculations and automated report generation with Node.js using the same code as the browser.

USE CASE 3

Build an AI application that includes document or spreadsheet editing for users via the Facade API.

USE CASE 4

Pick only the plugins you need, formulas, collaboration, presentation, to keep bundle size minimal.

Tech stack

TypeScriptReactVueNode.jsCanvas

Getting it running

Difficulty · moderate Time to first run · 30min

Install a preset bundle to get started quickly, or pick individual plugin packages for precise control over bundle size and features.

In plain English

Univer is an open-source toolkit for developers who want to add spreadsheet, document, or presentation editing to their own software products. Instead of building these features from scratch, developers can install Univer and embed a fully functional spreadsheet or document editor directly into a web app, internal business tool, or AI application. The end result looks and works like the editing tools people already know, without the developer needing to license or depend on an external hosted service. The project is built around a plugin system, which means you only include the parts you actually need. If you only want spreadsheet editing, you add that plugin. If you also need formula support or collaboration features, you add those separately. This keeps the final product lighter and more tailored than taking a full pre-built office suite. Univer runs in two environments: inside a web browser for interactive editing, and on a server (using Node.js) for processing spreadsheets or documents automatically, such as generating reports or running calculations in the background. The same code and logic work in both places, so developers do not need to learn a second approach for server-side work. The interface layer uses a canvas-based drawing system to keep large spreadsheets smooth and responsive, even with many rows of data or complex formulas. A single programming interface called the Facade API gives developers a consistent way to create workbooks, read cell values, apply formatting, and respond to user actions, whether the code runs in a browser or on a server. Getting started can be as simple as installing one preset package that bundles the most common plugins together, or as detailed as picking individual packages for fine control over bundle size and features. Univer supports several popular front-end frameworks including React and Vue, so it fits into existing projects without requiring a full rewrite.

Copy-paste prompts

Prompt 1

I'm building a React web app and want to embed a spreadsheet editor similar to Google Sheets. Show me how to install Univer's preset bundle and render a basic workbook.

Prompt 2

Using Univer's Facade API, write TypeScript code to create a workbook, populate a range of cells with data from a JSON array, and bold the header row.

Prompt 3

How do I use Univer on a Node.js server to generate a spreadsheet from a dataset and export it, without a browser?

Prompt 4

I only need formula support in Univer, no collaboration or presentation. Which specific packages do I install to keep my bundle as small as possible?

Open on GitHub → Explain another repo

← dream-num on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.