Design Library Overview

Breakdance’s Design Library is centered around helping you build websites quickly. In this article, we’ll discuss installing a Design Set, accessing the Design Library in Breakdance, using your current website in the Design Library, and adding custom Design Sets.

You can also turn your website into a Design Set. This can be useful for creating boilerplate designs for you or your team, sharing them with others publicly, or even selling them. Learn more about creating and sharing Design Sets.

Installing A Design Set

Breakdance comes with many Design Sets that are ready to install and get you started on creating a beautiful website. You can install a Design Set using these steps:

1. Go to Breakdance > Design Library in the WP Admin area.
2. Browse the Design Library and Preview any Design Sets you wish.
3. After you find a Design Set that works for you, click Import.
4. Wait for the import to complete.
5. Open Breakdance and begin editing.

Set The Homepage

After you have imported a Design Set, you may also need to set the Home page in WordPress. This can be done with the following steps:

1. Go to Settings > Reading in the WP Admin area.
2. Selecting the ‘A static page’ option under ‘Your homepage displays’
3. Choose the page you would like to use as your homepage in the Homepage dropdown. For most Design Sets, this should be the “Home” page.

Accessing The Design Library In Breakdance

Alongside installing complete websites, the Breakdance Design Library allows you to import entire pages or sections of a Design Set into the current Page or Template you are working on.

Adding Elements From The Design Library

1. From within Breakdance, go to ‘Add’ and click on ‘Library’ to open the design library. You can also use the keyboard shortcut CMD/CTRL+B.
2. Browse elements by clicking on the type you want in the sidebar.
3. Find and select the element you wish to add and click ‘Add to Page.’

Import A Page From The Design Library

As you are browsing the Design Library, you may find an entire page you’d like to import into the editor. You can do this by clicking the ‘Import Page’ button at the top of the Design Library Dialogue.

Importing Global Settings

Some Design Sets use Global Settings to ensure everything looks consistent. If you haven’t already imported Global Settings, you may wish to click the ‘Import Global Settings’ button near the top of the Design Library Dialogue. Please note that this will override your current Global Settings, so you may not want to, or need to, perform this import.

Using Your Current Site In The Design Library

The Design Library allows you to easily add sections from other parts of your website to the design you’re currently working on.

1. From within Breakdance, go to ‘Add’ and click on ‘Library’ to open the design library.
2. Instead of choosing a library design set, select your own website.
3. Browse your website to find and reuse sections on the current page you’re editing.
4. Select a section and click ‘Add to Page.’

Adding Custom Design Sets

If you’re looking for a design that doesn’t exist within our Design Library, the Template Library may have precisely what you’re looking for.

To add a custom Design Set to your site, please follow these steps:

1. Copy the Shareable URL you’ve received for the Design Set
2. Go to Breakdance > Settings > Design Library and paste the Shareable URL in the ‘Custom Design Sets’ box. Please note that each Shareable URL should be on a new line.
3. Click ‘Save Changes’.
4. You can then install the Design Set or use the Design Library in Breakdance to add entire pages or elements to your design.

Rewriting Content with Breakdance AI

If you have Breakdance AI installed, you can use this to convert text added to your site while importing a Design Set or importing Sections from the Design Library. Learn more about setting up Breakdance AI.