

<div style="font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: #D95A4C; margin-bottom: 10px;">Igloo Developer Platform</div>

# Documentation

Integrate smart locks, keypads and bridges into your product. One REST API, 4 SDKs and an MCP server for AI agents.

<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 32px; margin-bottom: 48px;">
  <a href="/home" style="background: #FFFFFF; border: 1px solid #E2E2E2; border-radius: 8px; padding: 20px; text-decoration: none; color: inherit; display: block; transition: border-color 0.2s;" onmouseover="this.style.borderColor='#A9A9A9'" onmouseout="this.style.borderColor='#E2E2E2'">
    <div style="font-size: 16px; font-weight: 700;">Quickstart</div>
    <div style="margin-top: 6px; font-size: 14px; color: #676767; line-height: 1.5; margin: 0;">First API call in 5 minutes. Key, SDK, PIN.</div>
  </a>
  <a href="/works" style="background: #FFFFFF; border: 1px solid #E2E2E2; border-radius: 8px; padding: 20px; text-decoration: none; color: inherit; display: block; transition: border-color 0.2s;" onmouseover="this.style.borderColor='#A9A9A9'" onmouseout="this.style.borderColor='#E2E2E2'">
    <div style="font-size: 16px; font-weight: 700;">API Reference</div>
    <div style="margin-top: 6px; font-size: 14px; color: #676767; line-height: 1.5; margin: 0;">62 endpoints across 8 resources.</div>
  </a>
  <a href="/works/mcp" style="background: #FFFFFF; border: 1px solid #E2E2E2; border-radius: 8px; padding: 20px; text-decoration: none; color: inherit; display: block; transition: border-color 0.2s;" onmouseover="this.style.borderColor='#A9A9A9'" onmouseout="this.style.borderColor='#E2E2E2'">
    <div style="font-size: 16px; font-weight: 700;">MCP Server</div>
    <div style="margin-top: 6px; font-size: 14px; color: #676767; line-height: 1.5; margin: 0;">6 tools. Connect Claude, Cursor and other agents.</div>
  </a>
  <a href="/how-it-works" style="background: #FFFFFF; border: 1px solid #E2E2E2; border-radius: 8px; padding: 20px; text-decoration: none; color: inherit; display: block; transition: border-color 0.2s;" onmouseover="this.style.borderColor='#A9A9A9'" onmouseout="this.style.borderColor='#E2E2E2'">
    <div style="font-size: 16px; font-weight: 700;">How It Works</div>
    <div style="margin-top: 6px; font-size: 14px; color: #676767; line-height: 1.5; margin: 0;">Learn how the static documentation engine parses and compiles specs.</div>
  </a>
</div>

<div id="ai-ready" style="margin-top: 48px; scroll-margin-top: 84px;">
  <div style="font-size: 16px; font-weight: 700; text-transform: uppercase;">Built for AI tools</div>
  <div style="margin-top: 12px; background: #FFFFFF; border: 1px solid #E2E2E2; border-radius: 8px;">
    <div style="display: grid; grid-template-columns: 180px 1fr; gap: 16px; padding: 16px 20px; border-bottom: 1px solid #EAEAEA;">
      <div style="font-size: 14px; font-weight: 700;">llms.txt</div>
      <div style="font-size: 14px; color: #494949; line-height: 1.5;">Index of every page as Markdown. <a href="/llms.txt">View llms.txt</a></div>
    </div>
    <div style="display: grid; grid-template-columns: 180px 1fr; gap: 16px; padding: 16px 20px; border-bottom: 1px solid #EAEAEA;">
      <div style="font-size: 14px; font-weight: 700;">Markdown pages</div>
      <div style="font-size: 14px; color: #494949; line-height: 1.5;">Append .md to any URL, or use Copy Page on any page.</div>
    </div>
    <div style="display: grid; grid-template-columns: 180px 1fr; gap: 16px; padding: 16px 20px;">
      <div style="font-size: 14px; font-weight: 700;">Docs MCP server</div>
      <div style="font-size: 14px; color: #494949; line-height: 1.5;">Agents search and read these docs directly. <a href="/works/mcp">Set up MCP</a></div>
    </div>
  </div>
</div>

<div id="base-url" style="margin-top: 48px; scroll-margin-top: 84px;">
  <div style="font-size: 16px; font-weight: 700; text-transform: uppercase;">Base URL</div>
  <div style="margin-top: 12px; display: flex; align-items: center; justify-content: space-between; gap: 12px; background: #1C1C1C; border-radius: 8px; padding: 4px 6px 4px 20px;">
    <code style="font-family: ui-monospace, 'SF Mono', Menlo, monospace; font-size: 13.5px; color: #F1F1F1; background: none; padding: 0;">https://api.igloodeveloper.co/v1</code>
    <button style="background: none; border: none; color: rgba(255,255,255,0.6); font-family: inherit; font-size: 12.5px; font-weight: 700; cursor: pointer; padding: 10px 12px;" onmouseover="this.style.color='#FFFFFF'" onmouseout="this.style.color='rgba(255,255,255,0.6)'">Copy</button>
  </div>
  <p style="margin: 12px 0 0; font-size: 14px; color: #676767; line-height: 1.5;">Authenticate every request with a bearer token. Keys are issued per workspace from the console.</p>
</div>
