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

# Get Started

> Learn how to integrate Breeze UI components into your application in minutes.

Getting started with Breeze UI is super simple. Follow these steps to have Breeze components running in your application in no time.

## Quick Start

<Steps>
  <Step title="Visit the UI Playground">
    Head over to the [Breeze UI Playground](https://ui.breeze.baby/) to explore
    the available components.
  </Step>

  <Step title="Customize Your Component">
    Use the theme customization options to tailor the appearance of the
    component to match your application's design.
  </Step>

  <Step title="Copy the Code">
    Once you're happy with the look, simply copy the generated code snippet.
  </Step>

  <Step title="Drop It In Your App">
    Paste the code directly into your application. That's it!
  </Step>
</Steps>

## Going Live

To make your integration live and functional, you'll need to complete a few additional steps:

<CardGroup cols={2}>
  <Card title="Sign Up" icon="user-plus" href="https://portal.breeze.baby/">
    Create an account on our Customer Portal to access the full Breeze platform.
  </Card>

  <Card title="Create a Strategy" icon="chart-line" href="/customer-portal/create-strategy">
    Set up your yield strategy to define how funds are allocated and managed.
  </Card>

  <Card title="Get Your API Key" icon="key" href="/get-your-api-key/instruction">
    Generate an API key from the Customer Portal to authenticate your requests.
  </Card>

  <Card title="Integration Guide" icon="book" href="/integration-guide/integration-guide">
    Follow our detailed integration guide for step-by-step instructions on
    connecting everything together.
  </Card>
</CardGroup>