> ## Documentation Index
> Fetch the complete documentation index at: https://docs.ducky.wiki/llms.txt
> Use this file to discover all available pages before exploring further.

# Cover Art Grid

> Displays a grid of configurable dimensions of previously played tracks' cover art

### Preview

##### The blue background is removed when used as a browser source

<Frame
  caption={`Cover Art Grid Overlay

http://localhost:1234/overlay/art/cover/grid?radius=8&cols=6`}
>
  <img src="https://mintcdn.com/ducky-c8b7b49a/vjKpnDr0MIV4PmvF/images/duckyradio_screenshots/covergrid.png?fit=max&auto=format&n=vjKpnDr0MIV4PmvF&q=85&s=fe1dc789af943c5a64c31490642861ba" width="495" height="414" data-path="images/duckyradio_screenshots/covergrid.png" />
</Frame>

## Browser Source URL

```url theme={null}
http://localhost:1234/overlay/art/cover/grid
```

#### Browser Source Dimensions

<ResponseField name="width" type="variable" required />

<ResponseField name="height" type="variable" required />

#### URL Parameters

<ResponseField name="limit" type="number" default={30}>
  Configure the number of images listed

  **Affects the height of the overlay** *(May affect the width of the overlay)*

  ```url theme={null}
  http://localhost:1234/overlay/art/cover/grid?limit=30
  ```
</ResponseField>

<ResponseField name="cols" type="number" default={5}>
  Configure the number of columns of images

  **Affects the width of the overlay** *(May affect the height of the overlay)*

  ```url theme={null}
  http://localhost:1234/overlay/art/cover/grid?cols=5
  ```
</ResponseField>

<ResponseField name="radius" type="number | &#x22;circle&#x22;" default="0 (square)">
  Adjusts the border radius (roundness) of the images

  #### Circular

  ```css theme={null}
  http://localhost:1234/overlay/art/cover/grid?radius=circle /* Circular Image */
  ```

  #### Rounded (Custom Radius)

  ```css theme={null}
  http://localhost:1234/overlay/art/cover/grid?radius=12 /* Custom Radius */
  ```

  #### Default

  ```css theme={null}
  http://localhost:1234/overlay/art/cover/grid /* Square Radius (no radius) */
  ```
</ResponseField>