# Getting Started with the Node-RED Editor

The Node-RED Editor is one of the most essential components of Node-RED.  As the main focus of Node-RED is to enable visual programming, the editor provides a graphical interface that allows users to create, configure, and manage flows easily.

![Node-RED Editor Window](/docs/node-red/getting-started/editor/images/node-red-editor-window.png)

## The main components of the Node-RED editor

The Node-RED Editor has four main components as follows:

- Header: The [header](/docs/node-red/getting-started/editor/header) contains the instance name, user profile menu and the main menu.
- Pallete: The [palette](/docs/node-red/getting-started/editor/palette) is a sidebar containing all of the nodes that are installed and available to use.
- Workspace: The [workspace](/docs/node-red/getting-started/editor/workspace) is where flows (groups of nodes) are developed by dragging nodes from the palette and wiring them together. Adding a new flow tab gives you a new workspace.
- Sidebar: The [sidebar](/docs/node-red/getting-started/editor/sidebar) Provides additional context-sensitive options and information depending on the selected node or workspace.