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

# Build and Style a Reloops Collection: Step-by-Step Guide

> Create a collection, pick your source project or folder, tune the layout for your audience, and share a polished asset gallery in minutes.

Building a collection takes four steps: create the collection, point it at a source, tune how the assets look, and share the result. Because a collection is a view over your existing project files, you can adjust or rebuild it at any time without affecting the originals. Find all your collections at `/workspace/:workspaceId/collections` and open any individual collection at `/workspace/:workspaceId/collections/:collectionId`.

<Steps>
  <Step title="Create or open a collection">
    Go to **Collections** in the left sidebar and click **New collection**. Give it a name that reflects its purpose - for example, *Spring Campaign - Client Review* or *Final Selects Q2*. If you're returning to an existing collection, click its name in the list to open it.

    An empty collection opens with a prompt to add your first source. You won't see any assets until you complete the next step.

    <Frame caption="An empty collection prompts you to pick a source.">
      <img src="https://mintcdn.com/reloops/xpGbOqEFD9zPwAqV/images/collection-detail-empty-start.png?fit=max&auto=format&n=xpGbOqEFD9zPwAqV&q=85&s=ed9be445bbc77caaa17aa439c3f47be6" alt="Empty collection detail page" width="1897" height="947" data-path="images/collection-detail-empty-start.png" />
    </Frame>
  </Step>

  <Step title="Use the source picker to choose a project or folder">
    Click **Add source** (or the prompt in the empty state) to open the source picker. Browse your workspace projects and select the project or specific folder whose assets you want to include.

    Once you confirm, Reloops pulls the assets from that source into the collection grid. You can add multiple sources to a single collection - for example, combining a hero-image folder from one project with a product-shot folder from another.

    <Frame caption="Source picker showing the project and folder tree.">
      <img src="https://mintcdn.com/reloops/xpGbOqEFD9zPwAqV/images/collection-source-folder-picker.png?fit=max&auto=format&n=xpGbOqEFD9zPwAqV&q=85&s=0f09b213ef4c36338894a2b25e8156f2" alt="Collection source picker listing projects and folders" width="1900" height="942" data-path="images/collection-source-folder-picker.png" />
    </Frame>

    <Frame caption="A folder selected and ready to add as a collection source.">
      <img src="https://mintcdn.com/reloops/xpGbOqEFD9zPwAqV/images/collection-source-folder-picker-focused.png?fit=max&auto=format&n=xpGbOqEFD9zPwAqV&q=85&s=cdf0777303d7a2cf0bcfb243bcf7bd42" alt="Collection source picker with a folder highlighted" width="1673" height="936" data-path="images/collection-source-folder-picker-focused.png" />
    </Frame>
  </Step>

  <Step title="Tune the layout using appearance settings">
    Open the **Appearance** popover (the settings icon in the top-right of the collection view) to control how the grid looks for your audience.

    * **Dense cards** show more assets per row with compact metadata - useful for internal teams scanning a large shoot.
    * **Clean gallery** uses larger thumbnails with generous spacing - the right choice for client-facing presentations where visual impact matters most.

    Adjust card size, spacing, and any visible metadata labels until the layout matches your intent. Changes apply live, so you can preview the result as you go.

    <Frame caption="The Appearance popover controls layout, card size, and spacing.">
      <img src="https://mintcdn.com/reloops/A7qfVLqDcsUqp4oO/images/collection-appearance-settings-popover.png?fit=max&auto=format&n=A7qfVLqDcsUqp4oO&q=85&s=91fe85eea08da50d062c97044f1961f9" alt="Collection appearance settings popover" width="1900" height="946" data-path="images/collection-appearance-settings-popover.png" />
    </Frame>

    <Frame caption="Use the sort menu to reorder assets inside the collection.">
      <img src="https://mintcdn.com/reloops/xpGbOqEFD9zPwAqV/images/collection-sort-menu.png?fit=max&auto=format&n=xpGbOqEFD9zPwAqV&q=85&s=4d5aec0538a081967299c0526fc95357" alt="Collection sort menu open over the asset grid" width="1915" height="945" data-path="images/collection-sort-menu.png" />
    </Frame>

    <Frame caption="Group assets by project, folder, or status using the grouping menu.">
      <img src="https://mintcdn.com/reloops/A7qfVLqDcsUqp4oO/images/collection-grouping-menu.png?fit=max&auto=format&n=A7qfVLqDcsUqp4oO&q=85&s=aa3b3554b2f06d802bb6fa405efee2b2" alt="Collection grouping menu open over the asset grid" width="1894" height="949" data-path="images/collection-grouping-menu.png" />
    </Frame>
  </Step>

  <Step title="Share or present the finished collection">
    When the collection looks right, share it with your audience. Use the **Share** button to generate a collection share link. Set expiration, decide whether downloads are allowed, and choose whether recipients can comment. Recipients see the styled gallery view you built - not the underlying project folders.

    Return to this collection any time to refresh the source, update the appearance, or add new assets as the project evolves.
  </Step>
</Steps>