• A Complete Financial Toolbox in One Spreadsheet Control

    Use the extensive JavaScript spreadsheet API to collect and manage data and create custom analytics, dashboards, scientific, and financial applications.

  • Browser and Platform-Independent

    This client-side component works in Windows, Linux, Mac, Android, and iOS and is tested for all modern browsers.

  • Full Excel Compatibility and Powerful Calculation Engine With 450+ functions

    With full support for Excel import/export and more built-in functions than other JavaScript and custom spreadsheets, your computing power is optimized for big data and complex calculations.

  • Visual Insight With Sparklines, Charts, and Shapes

    Your financial apps and dashboards have never been this personalized. Show trends with sparklines, dig into details with charts, and draw data flows with our 60+ built-in shapes—it’s up to you.

  • Code-free Extensibility and Customization With the Spread Designer Apps

    Instantly add spreadsheets, charts, shapes, and tables to your financial dashboard with the SpreadJS Designer for desktop and web.

  • Pure JavaScript With TypeScript and Angular Support

    With no external libraries or frameworks, like jQuery, your JavaScript spreadsheets are light, customizable, and straightforward in VSCode—and include support for Angular, React, and Vue.

Build Your JavaScript Financial App With a Broad Feature Set

Financial JavaScript Spreadsheet App

Advanced Calculations

SpreadJS includes a comprehensive Calculation Engine that supports 450+ built-in functions, custom functions, arrays, dynamic arrays, formula textbox, localized languages function names, and more⁠—helping to create any financial formula.

Charts

Charts

SpreadJS provides support for 11 chart groups, 30+ chart types, trendlines, and combo charts. Set chart layouts, customize elements, and combine chart types to evaluate financial information, perform stock analysis, present sales revenues, and much more.

No-code Design with Spread Designers

No-code Design with Spread Designers

Take full control over your spreadsheet's design with the SpreadJS Designer. Create workbooks from scratch or import your own Excel .xlsx files. Edit in an Excel-like WYSIWYG interface to help you create financial apps in no time.

Tables

Tables

Tables make it easier to manage and analyze related spreadsheet data. SpreadJS supports AutoExpand, conditional formatting, data validation, context menus, fixed headers, table resizing, navigation, a total summary row, and more.

Import and Export Excel Files

Import and Export Excel Files

Complete support for importing and exporting your Excel files. Load your most complex Excel (.xlsx) files, make changes, and export back to an Excel file or save to a database.

Sparklines

Sparklines

Sparklines provide a graphical representation of your data embed. These small sparkline charts enable any cell to quickly show trends in your data, such as increases and decreases, minimum and maximum values, stock levels, costs, and more.

Filtering

Filtering

Use the built-in Excel-like filter dialog to allow users to automatically filter data. Take advantage of creating custom filters to show and hide relevant data based on your application's needs.

Cell Types

Cell Types

SpreadJS includes various cell types that you can apply to any cell. Define the type of information that can be entered and displayed in any cell or use predefined dropdowns to make it easier for users to select and enter valid data.

Conditional Formatting

Conditional Formatting

Use conditional formatting to highlight important information automatically or spot trends in your data using specific values. SpreadJS supports the importing and exporting of many of Excels' rules.

Slicers

Slicers

Similar to filters, Excel-like slicers offer an intuitive, visual way to filter spreadsheet data. Available slicers include table, item, chart, aggregation, and custom slicers such as those used on consumer websites.

Dynamic and Spilled Arrays

Dynamic and Spilled Arrays

Dynamic array support is used to replace the array formula. Formulas with the potential to return multiple results refer to a dynamic array formula. Formulas returning numerous results are referred to as spilled array formulas. Use these to seamlessly build financial models within your spreadsheets.

Formula Auditing

Formula Auditing

SpreadJS provides extensive support for formula auditing. This allows users to display relationships between formulas and cells by tracing the precedent and dependent cells in the worksheet.

SpreadJS Desktop Designer

SpreadJS Desktop Designer

The SpreadJS Designer, included with the licensed product and trial, is a powerful WYSIWYG stand-alone desktop application that helps JavaScript developers quickly design spreadsheets using a familiar interface.

  • Create and design new spreadsheets
  • Import your existing Excel files and make any needed changes
  • Create templates that populate data at run-time
  • Export your finished spreadsheet to .ssjson or .xlsx to load into your SpreadJS application

Learn More

Online Spread Designer Demo

Online Spread Designer Demo

This demo uses the developer SpreadJS Designer and brings it to the web so you can experience the Designer right in your browser. Optimized to work within your browser for large and complex spreadsheet models, you can secure, manage, control, and help eliminate risk while keeping the same spreadsheet functionality and ease of use for your end-users love online.

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 450+ other built-in functions. Our WYSIWYG SpreadJS Designer uses a very familiar UI to ensure that there is no learning curve required, just 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 better evaluate information.

Try It Now

<a href="/spreadjs/javascript-spreadsheet-designer">Spreadsheet Designer Component</a>

Spreadsheet Designer Component

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

The Designer includes Angular, React, and Vue wrappers, which provide you with the ability to embed the designer into your Angular, React, or Vue projects easily. Using the Designer in these frameworks is as simple as referencing the required node packages, importing the required modules, and implementing the required framework script code to initialize the designer.

Learn More

Award-Winning React Spreadsheets

ComponentSource - Number 2 Publisher 2020 ComponentSource - Top 5 Product 2020 ComponentSource - Top 50 Product 2020 ComponentSource - Top 50 Product 2020

GrapeCity Spread is Trusted by the
World’s Leading Companies

Trusted by the World’s Leading Companies