Project components

Project components are sections you design once and save for reuse across the pages of your project. They live inside your .rsd project file, so they travel with the project when you share it.

Creating a project component

1. Design a section on the canvas until it looks the way you want it.
2. In the Layers panel (or by clicking on the canvas), select the outermost wrapper element of the section — the container that holds everything you want to save.
3. Right-click the element and choose Save as Component.
4. Give the component a descriptive name (for example, “Hero - Split Layout” or “CTA - Dark Background”).
5. Click Save. The component appears under the My Components tab in the Components panel.

Where project components are stored

Project components are stored inside the .rsd project file. They are local to that project. There is no shared cloud library — to use a component in a different project, you need to export and import it (see below).

In the Components panel, click the My Components tab to see all saved components for the open project.

Inserting a saved component

1. Open the Components panel from the toolbar.
2. Click the My Components tab.
3. Locate the component you want. Hover over it to see a thumbnail preview.
4. Drag the component from the panel onto the canvas at the position you want.

The component inserts as a fully editable block of HTML. Editing this instance does not affect the saved component in the panel, and it does not affect other instances you have already inserted.

Editing a project component

Inserting a project component copies its HTML and styles onto the page. From that point, the instance is independent — it is not linked back to the saved version in the panel. Edit the element on the canvas directly.

If you want all future insertions to use an updated version, you need to re-save the component (right-click → Save as Component → use the same name to overwrite).

Deleting a saved component

Right-click the component in the My Components panel and choose Delete. This removes the saved component from the library but does not remove any instances already placed on pages.

Sharing components between projects

Components are tied to the .rsd file. To share them:

1. Save the project as a .rsd or .rsdtheme file.
2. Send the file to the recipient.
3. The recipient opens the file and can access the My Components panel to drag components into their own projects.

Alternatively, build a dedicated “components project” file that serves as your personal UI kit — open it alongside an active project to copy-paste sections between windows.