# Designer Interface

A brief overview of the Designer interface, with a visual explanation of each piece and links to the other documentation topics

## Content

This brief overview points out a few of the main parts of the interface and shows the basic layout of the SpreadJS Designer Component.
The SpreadJS Designer Component provides the following interface for designing your widget.
![image](https://cdn.mescius.io/document-site-files/images/b2223940-43c2-44cf-8eda-f5ab9acd84f0/image.554e92.png?width=900)
SpreadJS also enables ribbon scrolling when the designer component width is small enough to hide ribbon buttons and navigation tabs.
![image](https://cdn.mescius.io/document-site-files/images/b2223940-43c2-44cf-8eda-f5ab9acd84f0/image.2efa99.png?width=450)
The following topics provide additional information about the SpreadJS Designer Component interface.

* [Designer Tabs](/spreadjs/docs/spreadjs-designer-component/designerinterface/spdesigntab)
* [Context Menus](/spreadjs/docs/spreadjs-designer-component/designerinterface/designermenu)
* [Status Bar](/spreadjs/docs/spreadjs-designer-component/designerinterface/UnderstandingSpreadSheetsDesignerStatusBar)