Refbox
Frames

Group Frames

Display multiple Assets together in a single Frame.

Group Frames display multiple Assets together in a single Frame. They're perfect for organizing related references, comparing multiple images, or focusing on a subset of your full reference collection.

Creating Group Frames

To create a Group Frame:

  1. Click the Add Group button in the Toolbar — this creates an empty Group Frame in the center of your workspace
  2. Drag Assets from your Box into the Group Frame to populate it
Notes, PDFs, 3D Objects, and Links cannot be added to Groups.

Layout Modes

Group Frames support three layout modes, each optimized for different use cases:

Grid Layout

Arranges Assets in an evenly-spaced grid with consistent sizing. This mode gives you the most freedom when navigating.

Grid Layout works like a free canvas — you can zoom and pan around the automatically arranged grid to explore your Assets. This is the same behavior as Gallery View's Grid Mode.

Quick navigation trick: Press the left or right arrow keys to focus on the Asset closest to the center of the viewport. The view zooms to fill the Frame with that Asset, and you can continue pressing the arrow keys to cycle through your collection one by one.

Column Layout

Stacks Assets vertically in a single column, exactly like the Box's standard layout. Perfect for focusing on 1 or 2 references at once.

Masonry Layout

Creates a Pinterest-style layout that maximizes space efficiency. Assets flow naturally based on their aspect ratios.

Change layout modes from the Group Frame context menu or set a default layout in Settings.

Reordering Assets

Rearrange Assets within a Group Frame:

  1. Hold Shift
  2. Drag an Asset to a new position
  3. Release to drop it in place
Asset reordering is not available in Masonry mode. Assets are arranged automatically for optimal space.

Group Background

Customize the background of Group Frames in Settings > Style > Group > Group Background:

  • None: Transparent background
  • Ghost: Subtle semi-transparent background
  • Dark: Solid dark background

The background helps visually separate the Group from other content on your workspace.

Context Menu Actions

Right-click an empty area of a Group Frame to access:

Layout Mode
Switch between Grid, Column, and Masonry layouts.
Opacity
Quick opacity adjustment slider for the entire Group.
Grayscale
Toggle grayscale mode for all Assets in the Group.
Color Picker
Copy the HEX color code of any pixel on your screen.
Lock
Lock the Frame to prevent keyboard or mouse interaction.
Reset
Reset Frame size and position.
Close
Close the Frame.

Individual Asset Actions

Right-click individual Assets within a Group Frame to:

  • Create a separate Frame from that Asset
  • Access Asset-specific options
  • Remove the Asset from Group
Group Frame actions are also accessible from this context menu.

Settings

Configure Group behavior in Settings:

  • Default Layout Mode (Settings > Behavior): Choose Grid, Column, or Masonry as the default layout
  • Default Background (Settings > Style): Set the default background style

Tips and Best Practices

Use Groups to focus on a subset of your full reference collection.
Create multiple Group Frames on your workspace to organize different categories of related references.
Use Column layout for sequential references like animation keyframes or step-by-step tutorials.
Use Masonry layout for mood boards or collections with varied aspect ratios.

PDF

View and navigate multi-page PDF documents in Frames.

Shortcuts

Complete keyboard shortcut reference for Refbox.