# Designer Interface

## Content

This brief overview points out a few of the main parts of the interface and shows the basic layout of the SpreadJS Designer.

The SpreadJS Designer provides the following interface for designing your widget.

![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/8d606653-16a0-474d-b9dc-e2b4d01c2446/images/designerspreadjs.png)

SpreadJS also enables ribbon scrolling when the designer width is small enough to hide ribbon buttons and navigation tabs.

![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/8d606653-16a0-474d-b9dc-e2b4d01c2446/images/ribbon-scroll.png)

The following topics provide additional information about the SpreadJS Designer interface.

* [Designer Tabs](/spreadjs/docs/v16/spdesigner/designerinterface/spdesigntab)
* [Context Menus](/spreadjs/docs/v16/spdesigner/designerinterface/designermenu)
* [Status Bar](/spreadjs/docs/v16/spdesigner/designerinterface/UnderstandingSpread.SheetsDesignerStatusBar)