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.


Check Out the New Features of SpreadJS v18.1

Download Free Trial

React, Vue, Angular

Official Support

Designer Components

Report Sheet

Gantt Sheet

Pivot Table

500 MS Excel

Function Support

Excel Import and Export Support

Excel UI Control Support

Click the icons below to check out the features!

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 Main EN 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 vague concerns and questions about Spread.NET with MESCIUS's expert team. We empathize with your concerns and are here to 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.

Quick Start Guides for Each JavaScript Framework

Click the button below to see more tutorial examples.

Getting Started with PureJS | SpreadJS
Getting Started with React | SpreadJS
Getting Started with Vue | SpreadJS
Getting Started with Next.js | SpreadJS
Getting Started with Nuxt.js | SpreadJS
Getting Started with Angular | SpreadJS
Getting Started with the Excel Editor Component
Creating and using templates using the template designer
Setting up a license key
Getting Started Guide PDF
Reading Excel files via URL

  • Getting Started with PureJS | SpreadJS

    We'll show you how to easily import Excel files using SpreadJS with JavaScript code, and export them to Excel files using the JavaScript spreadsheet component API.

    Go to Online Study

  • Getting Started with React | SpreadJS

    This tutorial explains how to use the SpreadJS Excel UI control in a React development environment. You can implement Excel reading, writing, and exporting functions in React, and develop Excel-like web Excel editor features with React code.

    Go to Online Study

  • Getting Started with Vue | SpreadJS

    This tutorial explains how to use the SpreadJS Excel UI control in a Vue 3 development environment. You can implement Excel reading, writing, and exporting in Vue 3, and you can develop Excel-like web Excel editor features with Vue code.


    Vue 3 | Vue 2

  • Getting Started with Next.js | SpreadJS

    This guide explains how to use the SpreadJS Excel UI control in the Next.js development environment. You can implement Excel reading, writing, and exporting capabilities in Next.js, and develop Excel-like editor features.

    Go to Online Study

  • Getting Started with Nuxt.js | SpreadJS

    This guide explains how to use the SpreadJS Excel UI control in a Nuxt.js development environment. You can implement Excel reading, writing, and exporting functions in Nuxt.js, and develop Excel-like web Excel editor features with Nuxt.js code.


    Nuxt.js v3 | Nuxt.js v2

  • Getting Started with Angular | SpreadJS

    This tutorial explains how to use the SpreadJS Excel UI control in an Angular development environment. You can implement functions like reading, writing, and exporting Excel files in Angular, and develop a web Excel editor similar to Excel with Angular code.

    Go to Online Study

  • Getting Started with the Excel Editor Component

    Using the SpreadJS designer component, you can quickly and easily implement editors like Google Sheets and MS 365 Excel into your solutions with just a few lines of code. 


    JavaScript | React | Vue | Angular

  • Creating and using templates using the template designer

    Let's learn how to use the desktop template designer to create a template, load it into SpreadJS, and then use data binding to automatically insert values into the desired locations to complete the form!

    Go to Online Study

  • Setting up a license key

    Learn more about setting up your SpreadJS license key. We also explain how to resolve the "License Not Found" and "Invalid License" errors, which are common errors when setting up a license key.


    JavaScript | Angular

  • Getting Started Guide PDF

    This is a guide document for those who are new to SpreadJS.

    Download the Getting Started Guide PDF

  • Reading Excel files via URL

    You can retrieve an Excel (.xlsx) file from a URL and read it with a JavaScript spreadsheet application. Learn how to easily retrieve and read an Excel file from a specified URL using the SpreadJS JavaScript spreadsheet API.

    Go to Online Study

Ask Anything!

Share your vague concerns and questions about Spread.NET with MESCIUS's expert team. We empathize with your concerns and are here to help.

Online Consultation

Check Out SpreadJS's Powerful Business-Specific Features!

Bring Pivot Tables On The Web!

Pivot

PivotTables are powerful data summary and reporting tools that allow you to quickly organize, extract, and analyze large amounts of data.


Visualize complex data with PivotTables to improve business intelligence and discover new insights.

(SpreadJS v14.1 or later)

Learn More How to apply

The screen below is an actual screen implemented with SpreadJS.

See the Pen 피벗테이블 + 피벗패널 by GrapeCity Korea ( @GrapeCity-Korea ) on CodePen.

Manage Your Project Schedule on the Web

with JavaScript Gantt Sheets!

Gantt

Gantt sheets are powerful chronological bar chart tools that allow you to view project details at a glance with an easy-to-understand timeline. Easily organize a variety of projects using Gantt sheets, including project schedules, employee scheduling, warehouse delivery schedules, and flight lists!

(SpreadJS v17 or later)

View Demo How to apply

The screen below is an actual screen implemented with SpreadJS.

See the Pen SpreadJS, GanttSheet 홈페이지 게시 by Mescius Korea ( @MESCIUS-Korea ) on CodePen.

Implement a New Type of JavaScript Report Sheet!

Report

Report Sheet is a powerful Excel report control that helps you generate Excel sheet-based reports for end users based on various data.

Use the SpreadJS report designer to easily design recurring reports like sales performance, sales summary, inventory counts, and various certificate forms used in your business. Then, automate the process by connecting data to the reports/forms you create!

(SpreadJS v17 or later)

View Demo How to apply

The screen below is an actual screen implemented with SpreadJS.

See the Pen [포럼] 리포트 시트 시작하기 by Mescius Korea ( @MESCIUS-Korea ) on CodePen.

JavaScript Web Excel Editor

EASY

Designer Components

The SpreadJS designer component allows you to quickly and easily implement a UI, menu structure, and Excel functionality similar to Google Sheets and online MS Excel. Check out the live demo and explore its various features.

Read More FAQ How to apply

The screen below is implemented as an actual designer component.

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

View All

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

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

Income Statement

This shows how to create an income statement 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
SpreadJS Blog & Tips

We provide various information to help you use SpreadJS effectively.

SpreadJS Technical Support

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

Get technical support.

SpreadJS FAQ

Answers to frequently asked questions

You can check it.

Citizen Insight

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

This is a created space. Please communicate freely.

Citizen Intellectuals

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

IT seminars/meetings

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

MESCIUS Developer Forum

SpreadJS v18.1 
New Features

Enhancements to the SpreadJS Excel Designer Component

  • Reducing SpreadJS Designer Component File Size
  • Supports Dockable Side Panels
  • Added Command Palette Functionality


JavaScript Excel Workbooks and Worksheets

  • Add Background Image Feature to Excel Worksheets
  • Support for Excel Sheet Tab Border Radius Styles
  • Theme Font Support for East Asian languages


JavaScript Excel Calculation Engine

  • Added TRIMRANGE & Regular Expression Functions
  • Formulas Can Be Calculated Outside the Worksheet.


JavaScript Framework Support

  • Angular 19 Support


Other Added Features

  • Enhanced PivotTable Add-in
  • Improved Chart and Data Chart Features
Read More

Our Customers

Research Notebook Development Company

AI Smart Research Assistant Development Solution

#Sevice #Excel #Report

Roi techone

Erection SmartPMIS Solution

#erection #Excel

EY Hanyoung

Integrated corporate tax management solution

#Accounting #Excel

SW development company

Online Commerce AI Big Data Analysis Solution

#Circulation #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,499

* 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,546

* 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,832

* Pivot tables, Gantt sheets, and report sheets cannot be distributed.

* Once registered, domains and IPs cannot be modified.

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,457

* You must purchase 1 copy per project.

DsExcel License

Server-side Excel API

When purchasing DsExcel alone,

$1,796

When you purchase with SpreadJS,

$1,178

→

* 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.

Request Consultation
Request Quotation

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 (sales-kor@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. Price

    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

  • DsExcel

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