The Hypershade lets you build shading networks by creating, editing, and connecting render nodes, such as textures, materials, and lights.
The Hypershade is divided the following panels by default:
Alternatively, you can also click Tab and enter the type of your node, or drag and drop a node from the Create tab to the work area.
You can customize the layout of the Hypershade by undocking and rearranging the panels. In addition, you can add panels such as the viewport or the Render View to your layout by selecting from the Hypershade Window menu.. See Customize your layout.