> ## 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.

# Reloops Product Walkthrough: A Map of Every Screen

> Step through every screen in Reloops - from workspaces and projects to asset review, version compare, collections, sharing, and team settings.

Use this walkthrough when you want a quick visual map of the product before you dive in. Each step describes one screen, what it is for, and where to find it in the app. Routes use placeholders such as `:workspaceId`, `:projectId`, `:assetId`, and `:collectionId`. When you are ready to follow a guided setup flow, see [Getting started](/onboarding/getting-started).

<Steps>
  <Step title="Workspaces - /workspaces">
    **Workspaces** (`/workspaces`) is the first screen you see after signing in. It lists every workspace you belong to as a card grid. Select any card to enter that workspace, or choose **New Workspace** to create one. Use a client, brand, or team name so the workspace is easy to identify at a glance.<br />

    <Frame caption="The workspaces index lists every workspace you belong to.">
      <img src="https://mintcdn.com/reloops/as-anLFLBG1nW4mG/images/Workspaces.png?fit=max&auto=format&n=as-anLFLBG1nW4mG&q=85&s=dc98db01ac76e48a07f8d1947c3607bb" alt="Reloops workspaces index page with a grid of workspace cards" title="Workspaces" className="mx-auto" width="1270" height="767" data-path="images/Workspaces.png" />
    </Frame>
  </Step>

  <Step title="Projects - /workspace/:workspaceId/projects">
    **Projects** (`/workspace/:workspaceId/projects`) shows all the projects inside a workspace. Each project card displays the project name and a summary of its assets. Select a card to open the project, or choose **New Project** to start a new body of work.<br />

    <Frame caption="Project cards give each workspace a high-level project index.">
      <img alt="Reloops projects index showing project cards" lightAlt="Reloops projects index showing project cards" darkAlt="Reloops projects index showing project cards" src="https://mintcdn.com/reloops/Jo5lNAv9l0ErsU3F/images/project.png?fit=max&auto=format&n=Jo5lNAv9l0ErsU3F&q=85&s=2e919b23228d37bfa0baf6513308bee7" className="dark:hidden" width="1365" height="767" data-path="images/project.png" />

      <img alt="Reloops projects index showing project cards" lightAlt="Reloops projects index showing project cards" darkAlt="Reloops projects index showing project cards" src="https://mintcdn.com/reloops/Jo5lNAv9l0ErsU3F/images/Project.png?fit=max&auto=format&n=Jo5lNAv9l0ErsU3F&q=85&s=97a3201da2d5b1e0ef3bd33d9d296ce8" className="hidden dark:block" width="1365" height="767" data-path="images/Project.png" />
    </Frame>
  </Step>

  <Step title="Create a Project - /workspace/:workspaceId/projects">
    The **Create New Project** modal (`/workspace/:workspaceId/projects`) opens when you select **New Project**. Choose a blank project or pick a template - such as Social Media - that pre-populates folder structure and asset statuses. Enter a project name, then confirm to create the project.<br />

    <Frame caption="The Social Media template starts a project with prepared campaign folders.">
      <img src="https://mintcdn.com/reloops/xpGbOqEFD9zPwAqV/images/create-project-modal-social-media-template.png?fit=max&auto=format&n=xpGbOqEFD9zPwAqV&q=85&s=f34f549138a5abe3a3a18d08be6752ba" alt="Create new project modal showing the Social Media template option" width="1914" height="942" data-path="images/create-project-modal-social-media-template.png" />
    </Frame>
  </Step>

  <Step title="Project Assets - /workspace/:workspaceId/projects/:projectId">
    **Project assets** (`/workspace/:workspaceId/projects/:projectId`) is the default view inside a project. It lists folders above asset cards. Select any asset card to open it for review.

    <Frame caption="Folders, assets, statuses, and quick filters live together in the Assets view.">
      <img src="https://mintcdn.com/reloops/7axKttO1GNK6bfCc/images/prepared-files-folder.png?fit=max&auto=format&n=7axKttO1GNK6bfCc&q=85&s=799f2424a5ea37d4dac7a8ee87cc3b95" alt="Prepared Files Folder" width="1884" height="946" data-path="images/prepared-files-folder.png" />
    </Frame>

    * Use **Upload** for files or folders, **Add** for existing assets or website captures, **New Folder** to organize work, and **Select** for bulk actions.

    <Frame caption="The Upload menu supports file and folder upload.">
      <img src="https://mintcdn.com/reloops/xpGbOqEFD9zPwAqV/images/project-assets-upload-menu.png?fit=max&auto=format&n=xpGbOqEFD9zPwAqV&q=85&s=ea68bdb6aba636abdcc9d0f3bdd902fd" alt="Project Assets view with the Upload menu open" width="1916" height="942" data-path="images/project-assets-upload-menu.png" />
    </Frame>
  </Step>

  <Step title="Kanban Status Board - /workspace/:workspaceId/projects/:projectId">
    The **Kanban board** (`/workspace/:workspaceId/projects/:projectId`) groups every asset by its current review status - for example, **Needs review**, **In review**, and **Approved**. Switch to this view when you want a project-wide picture of progress. Drag asset cards between columns to update their status.<br />

    <Frame caption="The Kanban board groups review-stage assets by status.">
      <img alt="Reloops Kanban board with status columns" lightAlt="Reloops Kanban board with status columns" darkAlt="Reloops Kanban board with status columns" src="https://mintcdn.com/reloops/qAxMqqyrgAYKXlQE/images/kanban-board.png?fit=max&auto=format&n=qAxMqqyrgAYKXlQE&q=85&s=96c74a9a56f4e28953b55af4079ae4cd" className="dark:hidden" width="1344" height="767" data-path="images/kanban-board.png" />

      <img alt="Reloops Kanban board with status columns" lightAlt="Reloops Kanban board with status columns" darkAlt="Reloops Kanban board with status columns" src="https://mintcdn.com/reloops/qAxMqqyrgAYKXlQE/images/Kanban-board.png?fit=max&auto=format&n=qAxMqqyrgAYKXlQE&q=85&s=3c94d0eff055ee74cc040532129a5919" className="hidden dark:block" width="1344" height="767" data-path="images/Kanban-board.png" />
    </Frame>
  </Step>

  <Step title="Reviewers and Links Tabs - /workspace/:workspaceId/projects/:projectId">
    The **Reviewers** and **Links** tabs (`/workspace/:workspaceId/projects/:projectId`) live alongside the Assets and Kanban views. Use the **Reviewers** tab to see every guest reviewer you have added to the project and the assets assigned to them.<br />

    <Frame caption="The Links tab audits asset share links for the project.">
      <img src="https://mintcdn.com/reloops/xpGbOqEFD9zPwAqV/images/project-reviewers-tab-guest-reviewer.png?fit=max&auto=format&n=xpGbOqEFD9zPwAqV&q=85&s=990289c687e11fee17846e4163d64a33" alt="Project Reviewers Tab Guest Reviewer" width="1900" height="940" data-path="images/project-reviewers-tab-guest-reviewer.png" />
    </Frame>

    <br /> Use the **Links** tab to see all active share links created for assets in this project.

    <Frame caption="The Links tab audits asset share links for the project.">
      <img src="https://mintcdn.com/reloops/xpGbOqEFD9zPwAqV/images/project-share-links-tab-active-link.png?fit=max&auto=format&n=xpGbOqEFD9zPwAqV&q=85&s=03cc65d80f4fd538a24eb0330093c7ef" alt="Project share links tab listing an active link" width="1897" height="942" data-path="images/project-share-links-tab-active-link.png" />
    </Frame>
  </Step>

  <Step title="Collections - /workspace/:workspaceId/collections and /workspace/:workspaceId/collections/:collectionId">
    **Collections** (`/workspace/:workspaceId/collections`) lets you build curated visual galleries from assets that already exist in your projects. Open a collection, select a source folder, choose the assets you want to include, and then adjust appearance settings - background, layout, and branding - to match your delivery needs. The source files stay in their original projects.<br />

    <Frame caption="A collection can present selected project assets as a clean gallery.">
      <img src="https://mintcdn.com/reloops/UlHTwS1PSurAgFTr/images/Collections.png?fit=max&auto=format&n=UlHTwS1PSurAgFTr&q=85&s=6a41f286156604ca0a27746fb454af97" alt="Reloops collection displaying curated assets in a styled grid" lightAlt="Reloops collection displaying curated assets in a styled grid" darkAlt="Reloops collection displaying curated assets in a styled grid" className="dark:hidden" width="1341" height="767" data-path="images/Collections.png" />

      <img src="https://mintcdn.com/reloops/UlHTwS1PSurAgFTr/images/Collections-1.png?fit=max&auto=format&n=UlHTwS1PSurAgFTr&q=85&s=98a25340e4f3289e5b6f08db1531fa17" alt="Reloops collection displaying curated assets in a styled grid" lightAlt="Reloops collection displaying curated assets in a styled grid" darkAlt="Reloops collection displaying curated assets in a styled grid" className="hidden dark:block" width="1341" height="767" data-path="images/Collections-1.png" />
    </Frame>
  </Step>

  <Step title="Asset Review - /workspace/:workspaceId/projects/:projectId/assets/:assetId">
    The **asset review page** (`/workspace/:workspaceId/projects/:projectId/assets/:assetId`) is the core review surface. Open any asset here to play or view the file, leave timestamped or pinned comments, add annotations, assign the asset to a team member, and update its status. Reviewers can approve the asset or request revisions directly from this screen.<br />

    <Frame caption="The review surface supports view, comment, and draw modes.">
      <img src="https://mintcdn.com/reloops/UlHTwS1PSurAgFTr/images/asset-review.png?fit=max&auto=format&n=UlHTwS1PSurAgFTr&q=85&s=7a145d17d19884d4911d1d55b1c4d43d" alt="Asset preview with safe zones and pinned comments" lightAlt="Asset preview with safe zones and pinned comments" darkAlt="Asset preview with safe zones and pinned comments" className="dark:hidden" width="1365" height="678" data-path="images/asset-review.png" />

      <img src="https://mintcdn.com/reloops/UlHTwS1PSurAgFTr/images/asset-review-1.png?fit=max&auto=format&n=UlHTwS1PSurAgFTr&q=85&s=47467c235a7f6ca78488518ded56466b" alt="Asset preview with safe zones and pinned comments" lightAlt="Asset preview with safe zones and pinned comments" darkAlt="Asset preview with safe zones and pinned comments" className="hidden dark:block" width="1365" height="678" data-path="images/asset-review-1.png" />
    </Frame>
  </Step>

  <Step title="Share an Asset - /workspace/:workspaceId/projects/:projectId/assets/:assetId and /share/:token">
    The **Create Share Link** modal (`/workspace/:workspaceId/projects/:projectId/assets/:assetId`) generates a shareable URL for a single asset. Send the link to an external reviewer - they open it at `/share/:token` and can leave comments without needing a Reloops account. Use this when one file needs focused external feedback rather than full project access.

    <Frame caption="Asset share links are locked to the open version and can allow or block downloads.">
      <img src="https://mintcdn.com/reloops/xpGbOqEFD9zPwAqV/images/asset-review-create-share-link-modal.png?fit=max&auto=format&n=xpGbOqEFD9zPwAqV&q=85&s=e0151774ae8290b79a26e0c1060ebf8a" alt="Create share link modal on the asset review page" width="1918" height="941" data-path="images/asset-review-create-share-link-modal.png" />
    </Frame>
  </Step>

  <Step title="Compare Versions - /workspace/:workspaceId/projects/:projectId/assets/:parentAssetId/compare">
    **Compare mode** (`/workspace/:workspaceId/projects/:projectId/assets/:parentAssetId/compare`) displays two versions of an asset side by side. To open it, choose a multi-version asset, click the version pill beside the asset name, such as **v2**, then select **Compare versions**. You can also hover a multi-version asset card, open the three-dot menu, and choose **Compare**.

    <Frame caption="Compare mode keeps version comments visible during before-and-after review.">
      <img src="https://mintcdn.com/reloops/xpGbOqEFD9zPwAqV/images/asset-review-compare-versions-comments.png?fit=max&auto=format&n=xpGbOqEFD9zPwAqV&q=85&s=390decd5fc254912f5fc23988ae73290" alt="Asset review comparing two versions with the comments panel" width="1906" height="945" data-path="images/asset-review-compare-versions-comments.png" />
    </Frame>
  </Step>

  <Step title="Website Review - /workspace/:workspaceId/projects/:projectId/assets/:assetId">
    **Website review** (`/workspace/:workspaceId/projects/:projectId/assets/:assetId`) uses the same review surface as any other asset, applied to a full-page website capture. Add the URL to capture the page, then leave pinned comments at any point on the screenshot to give precise, context-specific feedback.

    <Frame caption="Website review turns a captured page into an annotatable full-page asset.">
      <img src="https://mintcdn.com/reloops/xpGbOqEFD9zPwAqV/images/website-review-full-page-capture.png?fit=max&auto=format&n=xpGbOqEFD9zPwAqV&q=85&s=94ac83470503c764e8ab31232151a56c" alt="Website review with a full-page landing-page capture" width="1916" height="949" data-path="images/website-review-full-page-capture.png" />
    </Frame>
  </Step>

  <Step title="Notifications, Team, and Settings - /workspace/:workspaceId/teams and /workspace/:workspaceId/settings">
    The **notifications panel**, **team management page** (`/workspace/:workspaceId/teams`), and **workspace settings** (`/workspace/:workspaceId/settings`) cover the operational side of a workspace. Check notifications to stay on top of review activity and file updates. Use the team page to manage members, project reviewers, AI agents, and developer keys. <br />

    <Frame caption="Team management includes AI agents, developer keys, organization members, invitations, and project reviewers.">
      <img src="https://mintcdn.com/reloops/xpGbOqEFD9zPwAqV/images/team-management-ai-agents-members.png?fit=max&auto=format&n=xpGbOqEFD9zPwAqV&q=85&s=3048f78f94a0778bf75273b2626749c6" alt="Team Management Ai Agents Members" width="1900" height="938" data-path="images/team-management-ai-agents-members.png" />
    </Frame>

    <br />Use settings to update the workspace profile, review billing limits, monitor storage, and track AI processing.

    <Frame caption="Workspace settings shows plan, storage, and AI processing limits.">
      <img src="https://mintcdn.com/reloops/xpGbOqEFD9zPwAqV/images/workspace-settings-billing-limits.png?fit=max&auto=format&n=xpGbOqEFD9zPwAqV&q=85&s=4a6a5595c671ed2bdefd43f445488d7b" alt="Reloops workspace settings page showing billing limits and plan usage" width="1904" height="942" data-path="images/workspace-settings-billing-limits.png" />
    </Frame>
  </Step>
</Steps>
