---
title: Accessories
slug: bar/accessories
description: Learn more about accessories for BUSY Bar
image: https://archbee-image-uploads.s3.amazonaws.com/3StCFqarJkJQZV-7N79yY/stFg1b_VIvp9J8fsTRa7Y_busy-docs-prev.jpg
docTags: 
createdAt: 2026-06-19T14:49:07.679Z
---

Explore accessories for your BUSY Bar:

:::Iframe{iframeHeight="0" code="<!-- ============================================================&#xA;  LINK CARDS BLOCK — template&#xA;  How to use:&#xA;  1. Paste this whole block into an Archbee HTML block.&#xA;  2. Toggle &#x22;Height of Iframe is set to auto&#x22; in the block header.&#xA;  3. Replace the UPPERCASE placeholders in each card.&#xA;  4. Add or remove <a> cards as needed — layout is 3 per row,&#xA;     extra cards wrap to the next row, 1 column on mobile.&#xA;  Image: ~2:1 landscape (cards crop to 263:125 via cover).&#xA;============================================================ -->&#xA;<div class=&#x22;busy-link-cards&#x22;>&#xA;&#xA;  <!-- CARD (duplicate this block for each link) -->&#xA;  <a class=&#x22;busy-link-cards__card&#x22; href=&#x22;https://docs.busy.app/bar/accessories/wall-mount&#x22;>&#xA;    <span class=&#x22;busy-link-cards__image&#x22; aria-hidden=&#x22;true&#x22; style=&#x22;background-image:url('https://cdn.busy.app/busy_docs_wall_mount_accessory_block_link.png')&#x22;></span>&#xA;    <span class=&#x22;busy-link-cards__body&#x22;>&#xA;      <span class=&#x22;busy-link-cards__title&#x22;>Wall mount</span>&#xA;      <span class=&#x22;busy-link-cards__text&#x22;>Mount your BUSY Bar anywhere with the Wall mount accessory</span>&#xA;    </span>&#xA;  </a>&#xA;  <!-- /CARD -->&#xA;&#xA;  <a class=&#x22;busy-link-cards__card&#x22; href=&#x22;https://docs.busy.app/bar/accessories/screen-protectors&#x22;>&#xA;    <span class=&#x22;busy-link-cards__image&#x22; aria-hidden=&#x22;true&#x22; style=&#x22;background-image:url('https://cdn.busy.app/busy_docs_screen_protector_accessory_block_link.png')&#x22;></span>&#xA;    <span class=&#x22;busy-link-cards__body&#x22;>&#xA;      <span class=&#x22;busy-link-cards__title&#x22;>Screen protectors</span>&#xA;      <span class=&#x22;busy-link-cards__text&#x22;>Learn how to apply screen protectors to your BUSY Bar</span>&#xA;    </span>&#xA;  </a>&#xA;&#xA;</div>&#xA;<style>&#xA;  /* Let the hover shadow/lift escape the block wrapper (it has overflow: hidden) */&#xA;  .slate-html.ab-plugin-wrapper:has(.busy-link-cards) {&#xA;    overflow: visible !important;&#xA;  }&#xA;&#xA;  .busy-link-cards {&#xA;    --busy-border: #cdd0d5;&#xA;    --busy-title: #25282c;&#xA;    --busy-body: #3a414b;&#xA;    --busy-shadow: 0 16px 40px rgba(22, 25, 29, 0.08);&#xA;    display: grid;&#xA;    grid-template-columns: repeat(3, minmax(0, 1fr)); /* cards per row */&#xA;    gap: 10px;&#xA;    width: 100%;&#xA;    white-space: normal; /* required: Archbee renders raw newlines otherwise */&#xA;    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, &#x22;Segoe UI&#x22;, sans-serif;&#xA;  }&#xA;&#xA;  .busy-link-cards *,&#xA;  .busy-link-cards *::before,&#xA;  .busy-link-cards *::after {&#xA;    box-sizing: border-box;&#xA;  }&#xA;&#xA;  .busy-link-cards__card {&#xA;    display: flex;&#xA;    flex-direction: column;&#xA;    overflow: hidden;&#xA;    padding: 5px;&#xA;    border: 1px solid var(--busy-border);&#xA;    border-radius: 14px;&#xA;    background: #fff;&#xA;    text-decoration: none;&#xA;    color: inherit;&#xA;    transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;&#xA;  }&#xA;&#xA;  .busy-link-cards .busy-link-cards__card:hover,&#xA;  .busy-link-cards .busy-link-cards__card:focus-visible {&#xA;    border-color: rgba(129, 139, 152, 0.45);&#xA;    box-shadow: var(--busy-shadow);&#xA;    transform: translateY(-2px);&#xA;    text-decoration: none !important;&#xA;    outline: none;&#xA;  }&#xA;&#xA;  .busy-link-cards__image {&#xA;    display: block;&#xA;    width: 100%;&#xA;    aspect-ratio: 263 / 125;&#xA;    border-radius: 10px;&#xA;    background: linear-gradient(180deg, #f5f6f8 0%, #edf0f3 100%);&#xA;    background-size: cover;&#xA;    background-position: center;&#xA;    background-repeat: no-repeat;&#xA;  }&#xA;&#xA;  .busy-link-cards__body {&#xA;    display: block;&#xA;    padding: 15px;&#xA;  }&#xA;&#xA;  .busy-link-cards__title {&#xA;    display: block;&#xA;    margin: 0;&#xA;    font-size: 16px;&#xA;    line-height: 140%;&#xA;    font-weight: 600;&#xA;    color: var(--busy-title);&#xA;  }&#xA;&#xA;  .busy-link-cards__text {&#xA;    display: block;&#xA;    margin: 6px 0 0;&#xA;    font-size: 16px;&#xA;    line-height: 140%;&#xA;    font-weight: 400;&#xA;    color: var(--busy-body);&#xA;  }&#xA;&#xA;  @media (max-width: 760px) {&#xA;    .busy-link-cards {&#xA;      grid-template-columns: 1fr;&#xA;    }&#xA;&#xA;    .busy-link-cards__image {&#xA;      aspect-ratio: 526 / 235;&#xA;    }&#xA;  }&#xA;</style>"}

:::