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

# Quickstart

> Get Bonsai running quickly with the SDK

Use this page to complete prerequisites and jump straight to the right minimal integration path.

## Prerequisites

Complete these three steps before integrating either web component.

<Steps>
  <Step title="Get your API key">
    Request your Bonsai API key from your Customer Success Manager (CSM).

    <Callout color="#0A5B3B" icon="circle-alert">
      Use your real API key in `api-key="API-KEY"` placeholders.
    </Callout>
  </Step>

  <Step title="Confirm implementation access">
    Make sure you can edit the page, template, or CMS block where you will add the component `<script>` tag and markup.
  </Step>

  <Step title="Choose your component">
    Pick the component that matches your use case:

    <CardGroup cols={2}>
      <Card title="<bonsai-search>" href="/project/docs/bonsai-search/integration">
        Full Bonsai search experience with AI summary and product results.
      </Card>

      <Card title="<bonsai-searchbar>" href="/project/docs/bonsai-searchbar/integration">
        Redirecting search bar only, without the full results UI.
      </Card>
    </CardGroup>
  </Step>
</Steps>