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

# Quickstart

> Ship your first script in five minutes.

## 1. Create your workspace

Head to [app.cairnscript.com/register](https://app.cairnscript.com/register) and sign up with email or Google. Your first workspace is created automatically.

## 2. Connect Webflow

From the workspace dashboard, click **Connect Webflow** and authorize Cairn against the workspace whose sites you want to manage.

Cairn will list every site you have access to.

<Tip>
  You can connect more than one Webflow workspace per Cairn team. Handy for agencies juggling client accounts.
</Tip>

## 3. Install the loader

Pick a site and click **Install loader**. Cairn writes a single `<script>` tag into the site's project-level Webflow settings through the [Data API](https://developers.webflow.com/data/docs/working-with-custom-code). That's the only thing you need to embed.

[Read the install-loader guide →](/essentials/install-loader)

## 4. Write a script

Click **New script** to open the editor:

* **JS** runs on the live site after page load.
* **CSS** is injected into the document head.
* Name a JS and a CSS script the same (`hero.js` + `hero.css`) and they open side by side in a paired editor.

Save when you're ready. Your draft is held on our servers until you publish. Drafts are also served live to your `*.webflow.io` staging domain, so you can test before you publish. See [Staging & production](/essentials/staging) for how that works.

## 5. Publish

Hit **Publish** and the loader picks up the new version on the next page load. No Webflow republish needed.

<Check>
  That's it. Open the live Webflow page and watch the script run.
</Check>

## Next steps

<CardGroup cols={2}>
  <Card title="Scope your scripts" icon="bullseye-arrow" href="/essentials/scope">
    Run scripts only on the pages that need them.
  </Card>

  <Card title="Build a library" icon="boxes-stacked" href="/library/snippets">
    Reusable snippets, blocks, and kits across all your sites.
  </Card>
</CardGroup>