# SpreadJS Designer Component

The spread sheets designer package is one of the plugins for [SpreadJS](https://developer.mescius.com/spreadjs?utm_source=NPM&utm_medium=SP&utm_campaign=SpreadJS-NPM-Designer-Listing). This plugin gives developers the ability to provide a Designer ribbon UI to users of their application, with customizable buttons and interfaces.

![SpreadJS Designer](https://cdn.mescius.com/spreadjs/NPMContent/spread-sheets-designer.png)

## Samples
To quickly jump in, check out the [Designer Ribbon's Customization demos with code](https://developer.mescius.com/spreadjs/demos/features/custom-designer/custom-ribbon2/purejs?utm_source=NPM&utm_medium=SP&utm_campaign=SpreadJS-NPM-Designer-Listing). You can also view a complete implementation of the on-line [Web Designer](https://developer.mescius.com/spreadjs/designer/?utm_source=NPM&utm_medium=SP&utm_campaign=SpreadJS-NPM-Designer-Listing) and [Mobile Spreadsheet Application](https://developer.mescius.com/spreadjs/spreadsheet/?utm_source=NPM&utm_medium=SP&utm_campaign=SpreadJS-NPM-Designer-Listing)

The Designer Ribbon Component can also be accessed by [downloading a trial of SpreadJS](https://developer.mescius.com/spreadjs/download?utm_source=NPM&utm_medium=SP&utm_campaign=SpreadJS-NPM-Designer-Listing).

## Installation
```sh
npm install @mescius/spread-sheets-designer
```

## Documentation
Online documentation is available here:
- [SpreadJS Designer Component](https://developer.mescius.com/spreadjs/docs/spreadjs-designer-component?utm_source=NPM&utm_medium=SP&utm_campaign=SpreadJS-NPM-Designer-Listing)
- [Quick Start](https://developer.mescius.com/spreadjs/docs/spreadjs-designer-component/quick-start-designer?utm_source=NPM&utm_medium=SP&utm_campaign=SpreadJS-NPM-Designer-Listing)
- [API Reference](https://developer.mescius.com/spreadjs/api/designer/modules/GC.Spread.Sheets.Designer?utm_source=NPM&utm_medium=SP&utm_campaign=SpreadJS-NPM-Designer-Listing)
- [Product ReadMe](https://developer.mescius.com/spreadjs/docs/rnotes?utm_source=NPM&utm_medium=SP&utm_campaign=SpreadJS-NPM-Designer-Listing)

## Getting more help
Visit the MESCIUS site to learn more about this [Spreadsheet Designer Ribbon Component](https://developer.mescius.com/spreadjs/javascript-spreadsheet-designer#JavaScript-Spreadsheet-Designer-Component?utm_source=NPM&utm_medium=SP&utm_campaign=SpreadJS-NPM-Designer-Listing).

Watch our quick overview video to see the Designer Ribbon in action: [Exploring the SpreadJS JavaScript Spreadsheet Designer Ribbon Component Add-On](https://developer.mescius.com/videos/spreadjs/exploring-the-spreadjs-javascript-spreadsheet-designer-ribbon-component-add-on?utm_source=NPM&utm_medium=SP&utm_campaign=SpreadJS-NPM-Designer-Listing).

You can ask any question about SpreadJS using the [SpreadJS Forum](https://developer.mescius.com/forums/spreadjs?utm_source=NPM&utm_medium=SP&utm_campaign=SpreadJS-NPM-Designer-Listing).