The World's No. 1 JavaScript Excel API Library

Bring Excel to the Web. Without Giving Up!

Using SpreadJS' JavaScript Excel API library,

With just a few lines of code, you can create a variety of features compatible with MS Excel, starting from the Excel screen.

You can implement it in your web application.



Download Free Trial

SpreadJS Quickstart

Getting Started with the JavaScript Excel Spreadsheet Control

1 Download SpreadJS files
2 Reference SpreadJS files
3 (Optional) Localization
4 Add host element
5 Initialize the control

  • Download the SpreadJS files , extract them, and copy them into a folder in your application.

    * The following files are located in the script and css> folders of the downloaded package.

    <Required Files>
    - gc.spread.sheets.all.xx.x.x.min.js (필수)
    - gc.spread.sheets.excel2016colorful.xx.x.x.css ((Required, applies Excel 2016 theme)
      * To apply a different theme, use the corresponding CSS file
    - gc.spread.sheets.resources.ko.xx.x.x.min.js (Optional, for Korean language support)

    Other files can be added and used as needed.

  • In the <head> section of your HTML file, load the SpreadJS script and CSS files as shown below..

     <script src="script/gc.spread.sheets.all.xx.x.x.min.js"></script>
<link rel="stylesheet" href="style/gc.spread.sheets.excel2016colorful.xx.x.x.css" type="text/css" >

  • To apply Korean language support, add the Korean resource file in the <head> section of your HTML file as shown below.

     <script src="script/resources/ko/gc.spread.sheets.resources.ko.xx.x.x.min.js"></script>

    Then, also add a <script></script> block in the <head> section and insert the following code inside it.

     window.onload = function () {
    GC.Spread.Common.CultureManager.culture("ko-kr");
};

  • In the <body> section of your HTML file, add a host element as shown below and set its ID.

     <div id="ss" style="width: 100%; height: 600px;"></div>

  • Add the following code to the window.onload function created earlier to initialize the JavaScript SpreadJS component.

     // spread 초기화
var spread = new GC.Spread.Sheets.Workbook(document.getElementById('ss'), { sheetCount: 1 });

    You can now see the spreadsheet added as shown below.

SpreadJS Sample

SpreadJS is a pure JavaScript Excel spreadsheet component written in TypeScript. It's lightweight and fast, with no dependencies on external libraries or specific frameworks. It also supports modern web development frameworks like Angular, React, and Vue, making it even easier to extend.


Below is an actual SpreadJS screen. Click on the HTML/CSS/JS tabs to view the code, and edit the code yourself to see the resulting results.

See the Pen SpreadJS 홈페이지 메인 V14 - US by GrapeCity Korea ( @GrapeCity-Korea) on CodePen.

Why Should I Use SpreadJS?

Don't Give Up Excel Features for the Web Anymore.

SpreadJS offers a full suite of Excel features, unmatched by open-source or third-party grid controls. Now, you can import and export all of Excel's features - from screens to formulas, charts, conditional formatting, and more - on the web without compromising on functionality.

Open Source / Third-party

Data grid MS Excel not Compatible Excel formulas not supported Export Data only Excel Charts not Supported

JavaScript Framework Support

SpreadJS is built to be framework-agnostic, offering full support for popular JavaScript frameworks like React, Vue, Angular, Next.js, and Nuxt.

Ask Anything!

Share your questions and concerns about SpreadJS with the MESCIUS expert team. We are here to listen and help.

Online Consultation

SpreadJS Key Features

  • Powerful Pivot Tables

    SpreadJS fully supports pivot tables and can import and export Excel pivot tables. Use pivot tables to group, calculate, summarize, and display large amounts of data, increasing your productivity.

  • Gantt Sheet

    Provides a GanttSheet, a data table view with quick data binding.

  • Report Sheet

    Easily design reports with support for data entry, pagination, data filtering, sorting, and conditional formatting.

  • 500+ Functions Supported

    SpreadJS includes powerful Excel-compatible formulas, data aggregation, over 500 functions, cross-table references, and custom names.

  • Excel Import/Export

    A JavaScript spreadsheet with full support for Excel import/export functionality.

  • Data Visualization With Charts and Sparklines

    Charts and sparklines make data clear and easy to understand. Most Excel charts, interactions, and animations enhance your dashboards and spreadsheets.

  • Multicultural Support

    You can localize your application by selecting from or customizing the CalcEngine Language pack. You can adjust not only the language but also currency, number separators, and more.

  • SpreadJS Template Designer

    Save time and energy on application development by easily designing templates with the WYSIWYG SpreadJS designer without coding.

    How to Use

  • TableSheet

    TableSheet is a separate, high-performance, enterprise-grade DataTable that adds the power of the SpreadJS spreadsheet calculation engine, runtime panels, and custom views to quickly handle your most demanding data binding requirements.

  • Data Manager

    SpreadJS Data Manager is a new data engine API built for performance that lets you connect to and interact with bound data in TableSheets through data relationships and views faster and easier than ever before.

Diverse Enterprise Business Features Powered by SpreadJS

Explore the Business Excel Add-Ons for SpreadJS

SpreadJS provides Excel-based features tailored to diverse enterprise business needs, enabling fast and efficient development of even the most complex business systems.

Excel Editor
POPULAR

Excel Editor

Deliver a complete web Excel editor built on HTML5 and JavaScript to your end users.

  • Full Excel Compatibility A web editor that is fully compatible with existing Excel files.
  • Familiar UI/UX Excel menus and interface your users already know
  • Powerful Customization JS Excel library and API support for editor customization
Learn More
Real-Time Collaboration
NEW

Real-Time Collaboration

Build an environment where multiple users can collaborate on a single sheet simultaneously.

  • Server Framework Build a stable Collaboration server based on Node.js
  • Real-Time Collaboration Multi-user simultaneous input with live user action and cursor display
  • Conflict Prevention Precise conflict control and permission management powered by OT engine
Learn More
AI Assistant
NEW

AI Assistant

Maximize productivity with natural language formula generation and data analysis.

  • Multi-AI Model Support Connect with OpenAI, Gemini, Claude, and custom in-house AI
  • Natural Language Command Generate and explain Excel formulas and auto-build pivot tables
  • Excel AI Functions Dedicated AI function library for data analysis
Learn More
Pivot Table

Pivot Table

Quickly summarize large volumes of Excel data and extract insights.

  • Excel-Like Experience Bring the same pivot UI and usability as Excel to the web
  • JS Control Set Custom controls for pivot UI customization
  • View Manager Save and load per-user pivot analysis views
Learn More
Gantt Sheet

Gantt Sheet

Integrate project scheduling and resource management into your Excel sheet.

  • Project Management Full support for timescales, task bars, calendars, and more
  • Data Binding Easy data binding via DataManager
  • Flexible Compatibility Import/export support based on Excel and JSON
Learn More
Report Sheet

Report Sheet

Transform complex business data into dynamic Excel reports.

  • Dynamic Reporting JSON-based data binding and automatic report generation
  • Professional Styling Consistent report layouts with precise formatting
  • Advanced Analytics Cross-sheet references and data aggregation support
Learn More
Data Chart

Data Chart

Visualize Excel data and create intuitive dashboards.

  • Dashboard Designer A dedicated designer for building Excel dashboards without coding
  • Diverse Charts Support for various Excel chart types with real-time data updates
  • Easy Binding Fast and simple JSON data connection via DataManager
Learn More

Ask Anything!

Share your questions and concerns about SpreadJS with the MESCIUS expert team. We are here to listen and help.

Online Consultation

Create a Variety of Excel Forms without Coding!

* It is a WISIWYG standalone desktop application, you can use it by downloading the trial version and running the .exe file.


Quickly design all kinds of Excel templates using the familiar Excel interface of the SpreadJS template designer, even if you don't have MS Excel on your developer computer.


Create the Excel forms you need quickly and easily without any additional coding!


Even seemingly complex features like Pivot, Gantt, and Report sheets can be implemented easily and conveniently using the Template Designer.

Learn More

SpreadJS Templates & Samples

SEO Analysis Solution

This tutorial explains how to build an SEO analysis solution using SpreadJS. By simply entering a URL in the browser, key SEO metrics are automatically calculated and visualized. Users can edit and save data, instantly reflect updates on the dashboard, and easily download the results as an Excel file.

Tutorial

Online Quotation System

This guide explains how to implement an online quotation system using SpreadJS, where entering item codes and quantities in the browser automatically calculates and fills in item names, unit prices, and VAT, with a real-time quotation preview.

Tutorial

Corporate Organization Chart

This explains how to use SpreadJS to convert an organizational chart file previously managed in Excel into a web-based interface and implement a dynamically manageable organizational chart view.

Tutorial

Inventory Management Dashboard

This guide introduces how to transform an inventory management dashboard, previously managed in Excel, into a web-based dashboard using SpreadJS.

Tutorial

Sales Performance Dashboard

This explains how to use SpreadJS to convert sales performance report files, previously managed in Excel, into a sales performance dashboard.

Tutorial

Business Dashboard

Creating JavaScript Business Dashboards with SpreadJS and Wijmo

Tutorial

SEO Dashboards

Learn how to build an SEO dashboard, a critical component of digital marketing, by leveraging SpreadJS.

Tutorial

Aggregate Data by Team

Learn how to manage team permissions and aggregate team data.

Tutorial

Supply Chain Dashboard

Learn how to take your existing Supply Chain Dashboard in Excel and bring it to the web with SpreadJS.

Tutorial

KPI Dashboard

This explains how to bring an existing KPI Dashboard Excel file into a web page using SpreadJS.

Tutorial

Employee Work Schedule Dashboard

Learn how to import your company's Employee Work Schedule Dashboard Excel file to a web page using SpreadJS.

Tutorial

Performance Analysis Dashboard

This explains how to bring an existing 'Performance Analysis Dashboard Excel file' into a web page using SpreadJS.

Tutorial

JavaScript Web Excel Editor – Designer Component

With SpreadJS, you can create a UI, menu structure, and Excel-like functionality similar to Google Sheets and online MS Excel.

Read More

SpreadJS Performance Test Sample

Test SpreadJS performance based on the amount of data. You can measure not only data load times but also the time it takes to perform sorting, filtering, and grouping operations.

View Demo

SpreadJS – Similar to an Excel Application

This example demonstrates an application built with SpreadJS that creates a spreadsheet similar to Excel.

View Demo

Income Statement

This shows how to create an income statement using SpreadJS.

View Demo

SpreadJS Mobile Usage Example

Check out the SpreadJS demo that runs smoothly on PCs, tablets, and smartphones.

View Demo

Shape Workflow

Learn how to create a workflow chart using shapes.

View Demo

Tax Forms

Easily create complex data entry and other similar structured forms for users to use online.

View Demo

Financial KPI Dashboard

This sample demonstrates how to create a financial KPI spreadsheet using SpreadJS.

View Demo

Report Card Dashboard

Learn how to create a report card dashboard using SpreadJS.

View Demo

Try SpreadJS,

Which is Being Applied Across Various Fields Today.

Energy
Research Institute
Internet
Transport & Logistics
Big Data
Office Automation
Manufacturing
Finance/Accounting
SW Development

Click the tabs below to get new ideas through workflows for a variety of real-world situations.

Develop a complete web office solution by adding web Excel features.

SpreadJS offers nearly all the features of MS Excel, including interfaces, formulas, charts, and cell types, and is fully compatible. This allows you to easily integrate web Excel functionality into your solutions, such as Office 365 and Google Sheets.

Implement an Excel data collation solution quickly and easily.

You can automate the collation of Excel data from various departments and employees on the web using standardized forms. SpreadJS provides functions that retrieve data from specific cells using the same coordinate system as Excel. This allows you to quickly retrieve only the necessary data from a SpreadJS sheet, pass it to the backend, and store the collated data.

Convert existing Excel files into a database quickly and easily.

Using SpreadJS's toJson/fromJson functions, you can easily convert Excel files into JSON strings and store them in a database. The converted JSON retains all Excel features, including formats, functions, formulas, charts, and shapes. This allows you to create a foundation for viewing and editing important Excel files exclusively through SpreadJS.

Implement a service that generates Excel reports on the web.

Import Excel report forms with charts and formulas into SpreadJS, then have your staff input data or retrieve the required data from a database to create automated Excel-based web reports. Completed reports can be printed or exported to Excel or PDF files.

Use SpreadJS With DsExcel

Using SpreadJS and DsExcel together provides end users with an Excel-like interface and behavior, while the backend leverages the DsExcel API to quickly process Excel data received from SpreadJS using powerful server resources. Furthermore, by performing sensitive data and Excel formula/calculation operations on the server, you can further enhance security.

DsExcel Java DsExcel .NET

MESCIUS Developer Forum

We provide various information to help you use SpreadJS effectively.

Through the Q&A space, you can learn more about SpreadJS.

Get technical support.

Answers to frequently asked questions

You can check it.

To help you relieve some of your fatigue and stress while working

This is a created space. Please communicate freely.

In addition to questions about MESCIUS products, this is a space where anyone can freely ask questions and communicate about development/technology.

This is a meeting space created for developers and those interested in development to develop together.

SpreadJS v19.2 
New Features

✅ Designer Enhancements: Ribbon KeyTip Support

  • Ribbon KeyTips : Navigate ribbon tabs and run commands with Alt or F10 using only the keyboard, with configurable activation keys and custom KeyTip values
  • Rename Sheet from Context Menu : Rename command available in the sheet tab context menu
  • CJK Formatting and Localization : Excel-consistent format escaping plus culture-based defaults for paper size and units
  • Protection Option Type Definitions : Missing worksheet protection options added for stronger TypeScript support


✅ Formulas and Functions: FILTERXML Added

  • Progress Sparkline : Display progress directly in a cell via formula, for KPI status and goal tracking without a separate chart object
  • FILTERXML Function : Excel-compatible function that extracts data from XML text using XPath expressions
  • East Asian Full-Width Formula Input : Excel-consistent conversion for full-width parentheses and related localized formula input


✅ Framework Support: Angular 22

  • Angular 22 Compatibility Verified : Upgrade Angular applications without changing SpreadJS integration code


✅ More Updates in v19.2

  • This release also includes What-If scenario analysis, DataManager-based data binding and PivotTable integration, Collaboration, DataCharts, ReportSheet, and GanttSheet updates.
Read More

Our Customers

Research Note Development Company

AI Smart Research Assistant Development Solution

#Sevice #Excel #Report

RoiTechone

SmartPMIS Solution

#Construction #Excel

EY Hanyoung

Integrated Corporate Tax Management Solution

#Accounting #Excel

SW Development Company

Online Commerce AI Big Data Analysis Solution

#Distribution #Excel

Ministry of Agriculture, Food and Rural Affairs

Smart Farm R&D Big Data Portal

#Public Institution #Excel

Introdution Case

Explore more MESCIUS product adoption examples.

LOGINNETWORK

Smart Import/Export Customs Clearance Solution

#Distribution #Excel

MY LINK

Smart Manufacturing IT Solutions

#SW #Excel #Report

  • "While struggling with an unmodifiable ActiveX-based Excel component, I discovered SpreadJS. Among the programs compatible with MS Excel, it is by far the best. Now, it’s finally possible to implement Excel purely on the web—without relying on ActiveX."


    - Park ○○, Developer at GEOU Co., Ltd.

    Button

  • "Most users in Korea are very familiar with Excel and highly value compatibility with it. Developers often have to invest significant time and cost to implement such features, but Spread solved all these challenges at once, and users are satisfied with the Excel-like interface and functionality."


    - Lee ○○, Team Manager at Wonkwang Door

    Button

  • "Spread is one of the most important and long-awaited innovations in the BPI (Business Process Integration) market to date."


    - Jeff Lynch, Microsoft MVP

    Button

System Requirements

Browser
Internet Explorer 9 O (Excel IO requires IE 10 )
Microsoft Edge O
Chrome O
FireFox O
Safari 5.1 O
iOS (Safari / Chrome) O
iPadOS (Safari / Chrome) O
JS framework
AngularJS O
Angular O
React O
Vue.js O
Knockout O
Breeze O

SpreadJS Pricing & Licensing

If you want to create a complete Excel-based solution with SpreadJS, you'll need to purchase both a developer license and a deployment license.

Additionally, by using the designer component and DsExcel API together, you can quickly implement more upgraded applications.

Required Licenses

* All amounts are exclusive of VAT.

Developer License

This license is required to use the official SpreadJS JavaScript library and the Spread Designer app.


ⓘ SpreadJS Quickstart

$1,500

* You must purchase 1 copy per developer.

Distribution License

 This license is required to deploy all SpreadJS controls (including pivot tables, Gantt sheets, report sheets, and data charts) on a server, and must be purchased for each domain address or IP address ultimately served.


ⓘ How to register a distribution license

$2,550

* Once registered, domains and IPs cannot be modified.

* Please make sure to do a final check before requesting.

Explore other distribution options!

Distribution LITE License

 A separate deployment license option available when you want to deploy only the basic SpreadJS controls on your server, excluding the pivot table, Gantt sheet, report sheet, and data chart features.

$1,830

* Once registered, domains and IPs cannot be modified.

* Pivot tables, Gantt sheets, Report sheets and data charts cannot be distributed.

Additional licensing Options

Enhance your application's functionality more easily and quickly with the Designer Components / DsExcel Project License.

New Paragraph

Designer Components

Web Excel Editor

This is a web Excel component implemented similar to Microsoft Excel, from menus to screen layout, using SpreadJS.


ⓘ How to apply designer components

$4,460

* You must purchase 1 copy per project.

DsExcel License

Server-side Excel API

When purchasing DsExcel alone,

$1,800

When you purchase with SpreadJS,

$1,180

→

* You must purchase 1 copy per project.

Distribution key Issuance Application

To deploy the SpreadJS control on a server, you must purchase a deployment license and obtain a deployment key.

Please request your deployment key through the Deployment Key Portal.

Introduction Inquiry

If you need more detailed product or purchase consultation regarding SpreadJS implementation, please contact us using a method that is convenient for you.

Purchase Procedure

Click on each button to see detailed information about each step of the purchasing process.

  • 1. Price confirmation and quote request

    Please request a quotation using any of the methods below that are convenient for you.


  • 2. Order Request

    Please send the following three items to Email (asia.sales@mescius.com)


    1. Signed quotation (authorized signatory or company seal)
    2. Copy of business registration certificate (for companies)
    3. End-User information:

              1) Company Name (in English):

              2) Contact Person (in English):

              3)E-mail:


    Once your order request is received, we will issue the invoice via email.

  • 3. Payment

    Bank Transfer


    Please make the payment to the account number indicated on the invoice you received.


  • 4. License issuance & Tax invoice issuance

    After payment is confirmed, we will send you an email with license issuance details.


    *To deploy the SpreadJS control on a server, you must purchase a deployment license and obtain a deployment key. Please request your deployment key through the Deployment Key Portal.


Controls for Web Developers

  • Wijmo

    UI controls such as JavaScript-based Chart, Grid, and Input
    • 80+  UI Controls Including Grids, Charts, Reports, Input Forms, and OLAP
    • Full Support for Angular, React, and VueJS
    • Filter, Group, and Sorting Functions
    Learn More

  • ActiveReportsJS

    JavaScript-based Business Reporting Component
    • Supports Angular, React, and Vue
    • Provides a Designer Program That Supports Cross-Platforms
    • Provides a JavaScript Report Viewer
    Learn More

  • Forguncy

    Build Business Web Apps with Excel — No Coding Needed
    • Turn Excel features into fast, powerful web apps
    • Start web development — no HTML or CSS required
    • Unify and collect your business data with ease
    Learn More

  • DsExcel

    High-Performance Excel Spreadsheet API for Java, Kotlin, and .NET
    • Create, Load, Edit, and Save Spreadsheets
    • Parse, Convert, and Share Spreadsheets
    • Calculate Formulas and Format Cells
    DsExcel Java
    DsExcel .NET