The canvas is the central workspace in the Nordcraft editor where you visually build and interact with your application.

Canvas

Live

• Highlighting: In edit mode, hover your cursor over elements to highlight them
• Selection: Click on an element to select it, which highlights it in both the canvas and element tree
• Deselection: Press Escape or click on the background outside the canvas to deselect elements
• Hidden elements: Selecting a hidden element from the element tree makes it visible in the canvas, including any hidden parent elements

• Panning: Navigate the canvas by scrolling or by holding Space while dragging
• Resizing: Use the three handles on the canvas borders to test your application at different screen sizes