JavaScript Spreadsheet Designers

Quickly Design Spreadsheets Using the SpreadJS Designers

As a developer, use the Desktop Spreadsheet Designer application to easily design your workbooks and templates with a simple interface that uses all of the SpreadJS features. Add additional functionality and code to the spreadsheet after loading the template in your application.

You can offer this same functionality to your users using the Spreadsheet Designer Component, allowing them to create and design their spreadsheets specific to your application's needs.

JavaScript Spreadsheet Designer Component

The SpreadJS Designer Component is a separate deployment add-on package that provides JavaScript developers the ability to embed the same ribbon bar and UI functionality into their web applications, making it easy for customers to customize the spreadsheet.

You can add, remove, and re-arrange buttons, tabs, and designer sections by adding, removing, or moving corresponding entries in the configuration file.

Custom commands, icons, and CSS can be added to customize buttons to look and perform specific actions that you define in your script code, such as displaying your message or interacting with your business logic.

Grant or restrict access to features or tabs that users can access based on your custom logic to satisfy any business requirements.

The designer includes Angular, React, and Vue wrappers, which provide you with the ability to embed the designer into your framework-specific projects quickly. Using the designer is as simple as referencing the required node packages, importing modules, and implementing the necessary framework script code to initialize the designer.

To interact with and customize the Designer: Component, open the downloaded SpreadJS zip file and navigate to the Designer\Designer Component folder, for example \Designer\Designer Component\samples\purejs\index.html

Learn more about how to customize in the Documentation

Visit the SpreadJS pricing page to learn more about the pricing or by contacting sales

Desktop Spreadsheet Designer Application

The SpreadJS Designer, included with the licensed product and trial, is a compelling WYSIWYG stand-alone desktop application that helps JavaScript developers quickly design spreadsheets in a fraction of the time with the point and click interface vs. manually writing code.

Fully design templates via the WYSIWYG interface complete with formulas, cell styles and formatting, cell type, column widths, row heights, borders, and images. Dynamically populate the cell values from your preferred data source once you save the finished .json or .xlsx file and load at runtime.

Create template sheets to set and save cell-level data binding within your template (found within the "Design Mode" section of the "Data" tab).

Here, you can create a template for your data, add fields, change data types, and click and drag specific fields into cells within your template workbook.

Open any existing Excel files, make changes, save, and load the file in SpreadJS at runtime.

The interface is very similar to Excel, increased comfortability, and productivity in designing your SpreadJS spreadsheets today.

Online Spread Designer Demo

This demo uses the developer SpreadJS Designer and brings it to the web to experience the Designer right in your browser.

Test out our extensive and powerful calculation engine, allowing you to import your own Excel spreadsheets in our application and create custom functions, dynamic arrays, and 500+ other built-in functions. Our WYSIWYG SpreadJS Designer uses a very familiar UI to ensure no learning curve is required; load in your existing Excel .xlsx template files and start being productive immediately.

Experience 11 chart groups, 30+ chart types, trendlines, and combo charts designed to help you visualize your data. Create custom chart layouts and combine various chart types to evaluate information better.

What's New in SpreadJS v15.2

SpreadJS v15.2 is available. This release offers several great new features, some of which include:

  • Name Box Component
  • Workbook Enhancements
  • Picture Shape Enhancements
  • Calculation Enhancements
  • TableSheet Enhancements
  • New Framework Support for React 18 & Angular 14
  • And Much More!

Award-Winning Products and First-Class Support

"I have been using a various form of Spread back to the COM days. Spread is the most reliable spreadsheet that retrieves and stores data, whether interacting with a database or simply an Excel file. Try it out, and you will not go back to any other control"


"Great support through evaluation process, Spread is my favorite development add-in, adds great, high value capabilities to applications!"


"Excellent Products. I have been using their products for around 15 years. Always there to help."


ComponentSource #2 Publisher 2022 Award ComponentSource TOP 50 Product 2022 Award

"Thanks for providing the best [JavaScript] spreadsheet widget in the world, we're very happy customers. Your product has saved us a TON of time relative to other solutions we used in the past."

Jan Domanski, Labstep

"We have been using Spread in our desk and web products (PerpetualBudget) for over a decade. Not only are the Spread grids great controls but the support at GrapeCity is the best. When you need them, they're there!"

Jim Spicer, Spicer-Baer Associates

"I haven't come across such a feature-rich solid Spread before. Thanks for giving such a nice component."

Adavesh Managaon, MVP, Visual C#

"Spread benefits my company because our clients can now see the immediate benefit the websites we create for them provide."

Michael Stark, Owner,