Understanding the Editor

Editor Overview

The Valorcy editor is a visual, drag-and-drop interface that lets you build websites without code. The interface is divided into three main areas: the canvas (center), the component panel (left sidebar), and the settings panel (right sidebar).

Component Panel

The left sidebar contains all available components organized into categories: Layout (sections, columns, containers), Content (text, images, videos, icons), Interactive (buttons, forms, menus), and Advanced (code blocks, custom HTML). Drag any component onto the canvas to add it to your page.

Settings Panel

Click any element on the canvas to select it and open its settings in the right panel. Here you can modify styling (colors, fonts, spacing, borders), content (text, images, links), and behavior (animations, visibility conditions). The settings available change based on the selected element type.

Keyboard Shortcuts