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

# Chrome extension overview

> Record Inkly demos from your current Chrome session.

Use the Inkly Chrome extension to record a product flow from the browser session you already have open. It works well for logged-in SaaS products, staging apps, local apps, and flows where a person should choose each step.

The extension can capture screenshot/video demos or HTML demos. Both formats produce demos you can preview, polish, publish, and keep in your hub.

<CardGroup cols={2}>
  <Card title="Screenshot capture" icon="camera" href="/chrome-extension/screenshot-capture">
    Capture images and short videos from your browser. This is the best default for most demos.
  </Card>

  <Card title="HTML capture" icon="code" href="/chrome-extension/html-capture">
    Capture self-contained HTML snapshots when crisp text or editable captured content matters.
  </Card>
</CardGroup>

## How the extension works

The extension records the active Chrome tab. Choose a destination, set recording dimensions, click **Start Recording**, choose a capture format, and click through the product flow.

Each click becomes the next demo step. You can pause, resume, cancel, or click **Stop & save** when the flow is complete.

<Steps>
  <Step title="Open the product flow">
    Sign in to the product first, then open the page where the demo should start.
  </Step>

  <Step title="Choose a destination">
    Choose **Inkly Platform** to upload the capture to your workspace, or choose **Download ZIP** to save a local demo folder.
  </Step>

  <Step title="Set recording dimensions">
    Pick a viewport preset or enter custom dimensions so the demo matches the screen size you want to show.
  </Step>

  <Step title="Record the demo">
    Click **Start Recording**, choose **Screenshot** or **HTML**, click through the flow, then click **Stop & save**.
  </Step>
</Steps>

## Choose a destination

Choose **Inkly Platform** to upload the captured demo into your Inkly workspace. This path requires you to sign in to Inkly from the extension.

Choose **Download ZIP** to save the demo locally. This path does not require a platform connection, and you can preview the downloaded demo with the CLI.

## Before you capture

Keep browser zoom at `100%`. Disable extensions that inject content into the page, such as writing assistants, shopping helpers, or UI overlays, because injected elements can appear in the captured demo.

Use a normal web page. Chrome settings pages, Chrome Web Store pages, DevTools pages, and other browser-owned pages cannot be recorded.

<Note>
  For the format tradeoffs, see [Screenshot versus HTML demos](/concepts/screenshot-vs-html-demos). For agent-driven capture, see [Agentic capture](/cli/capture).
</Note>