Component Libraries

Library is a collection of components from your, your team’s, or marketplace projects. A component in the library contains an element or a group of elements styled by the designer. Multiple components may have the same design or structure. For example, a website header, footer, or a section describing services or advantages.

You can use a ready-made library, or create your own.

What are libraries for?

Libraries are used to simplify and speed up unique website creation. All you need, is to select the necessary components, place them on the canvas, change images, colors, fill them with necessary content (photos, texts), set up transitions between pages and links to third-party resources, for example, social networks.

When you create a project, its components can be combined into a library to speed up subsequent website design by reusing components. For example, with components you can easily create the main blocks of the site — a header, a footer, a block with services.

Built-in libraries from the Taptop team

Libraries created by the Taptop team are regularly updated and improved — for example, new components may be added. The automatically updated version becomes available for any newly created team and its projects.

If your project’s team was created earlier, you can update the Library manually. Check if the Library needs updating.

If there are updates available, you’ll see a blue dot on the book icon in the upper-right corner of the Components tab.

Open the Library management panel and download the updates by clicking the Download Updates button.

Team Libraries

Creating a custom library

Any user can add a new library. When working on the website, create the components from the necessary elements, and then combine them into a library.

Go to the Libraries section by clicking the book icon in the top right corner of the Components tab.

Click the "Create Library" button.

A library will be created with the same name as your project.

Changing the created library

First make changes to the components of the project for which you want to update the library.

After that, you can see what changes have been made to the components by clicking «Show changes».

Select the blocks you want to update in the library and click «Publish».

After saving the changes, the status «All changes have been saved» will be displayed. There will appear a green checkmark next to the library name.

Library components categories

For convenience, you can group the components in the library by category. Grouping is needed if you are adding multiple components with the same function. For example, headers or footers, About block, Advantages block.

To set a category, add its name to the name of the component. It should consist of two parts, separated by «/». The first part is the name of the category, the second one is the name of the component.

Publishing the library

To make the library, created in one of the projects, available in other projects, publish it in the settings of the current project. To do this, go to the Dashboard and in the Templates menu of the project settings move the slider to «Enable».

Connecting team libraries

Open the project where you want to connect the library, and go to the Libraries section by clicking the book icon in the top right corner of the Components tab.

You will see a list of libraries available for connection.

To connect the library, move the slider to the «Enable» position.

Adding Library Components on the Canvas

To use a library component in a project, drag it on the Canvas.

On the Components tab, in the Libraries section, click the one you need to open the list of its components/

Select a component, move it on the Canvas.  This can be done in two ways:

By dragging the component to the desired position on the Canvas. To do this, drag and drop it to the desired location with the mouse.

By clicking the component. To do this, select the layer on which you want to place the component and click on the selected component. You can select a layer by clicking it on the Canvas or the Layers tab.

How to hide unused libraries?

If the library is no longer needed, hide it on the Assets tab. This can be convenient if you have taken all the necessary components from the library and no longer plan to use it in the project.

To hide the library, move the slider to the «Disable» position.