CopyBD
THE BREAKDANCE COMPONENT LIBRARY

Good websites start
with better parts.

Thoughtful, native components. Find your starting point, paste into Breakdance, and make it yours.

All components

Loading the library...

Browse & filter
COMPONENT PREVIEW

1000 PXOpen original

A SMALL HEAD START

From library to your canvas.

Native elements. Not a screenshot, shortcode, or an HTML block.

  1. Find the right starting point

    Browse a category or search for a component. Open its preview to check the desktop, tablet, and mobile layouts.

  2. Copy the component

    Select Copy to Breakdance. Allow clipboard access if your browser asks. This copies the component's native element JSON, not the preview HTML.

  3. Paste in the Breakdance editor

    Open a page in your Breakdance editor. Verified workflow: click the Structure panel title, outside text fields, then press Ctrl+V. On Mac, Cmd+V is the usual shortcut but has not been verified.

  4. Make it your own

    Edit native text, images, and links through their controls. Layout and styles use scoped Advanced > Custom CSS, which may override the design panel; edit that CSS for layout changes. Rendering may vary with your Breakdance version, fonts, and site settings.

A note before publishing

Replace sample text and images and verify usage rights. Forms are static layout demos, not operational fields: replace them with a native form, configure submissions, and test on your site. FAQ layouts are expanded content, not interactive accordions.

If clipboard access is blocked, use the selectable JSON or download a backup. A JSON download is not a WordPress import file; open it as text to copy the native payload for a supported Breakdance paste workflow.

Copy manually

Your browser could not write to the clipboard. Nothing has been copied yet.

Select the text, then press Ctrl C or Cmd C. Paste in your Breakdance editor.