> ## Documentation Index
> Fetch the complete documentation index at: https://empty-ad9a3406.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Quick Start

> Get Blank Board running in 2 minutes

## Installation

<Steps>
  <Step title="Clone the repository">
    ```bash theme={null}
    git clone https://github.com/dheeraz101/Empty.git
    cd Empty
    ```
  </Step>

  <Step title="Start a local server">
    ```bash theme={null}
    npx serve
    ```

    Or simply open `index.html` in your browser.
  </Step>

  <Step title="Open the Plugin Manager">
    **Right-click** anywhere on the board to open the Plugin Manager.
  </Step>

  <Step title="Browse plugins">
    Switch to the **Community Store** tab to browse and install plugins.
  </Step>
</Steps>

## Your First Plugin

Create a file at `plugins/hello-world/plugin.js`:

```javascript theme={null}
export const meta = {
  id: 'hello-world',
  name: 'Hello World',
  version: '1.0.0'
};

export function setup(api) {
  const box = document.createElement('div');
  box.className = 'plugin-box';
  box.style.cssText = `
    left: 100px;
    top: 100px;
    width: 300px;
    padding: 24px;
    background: #1a1a2e;
    color: #eee;
    border-radius: 12px;
  `;
  box.innerHTML = '<h3>Hello, World! 👋</h3><p>My first Blank Board plugin.</p>';

  api.boardEl.appendChild(box);
  api.makeDraggable(box);
}
```

Install it via the Plugin Manager (right-click → Install manually by URL) or add it to `plugins.json`:

```json theme={null}
{
  "id": "hello-world",
  "url": "./plugins/hello-world/plugin.js",
  "name": "Hello World"
}
```

<Tip>
  Open browser DevTools and type `window.blankBoard` to access the core API for debugging.
</Tip>

## What's Next?

<CardGroup cols={2}>
  <Card title="Build Your First Plugin" icon="code" href="/guides/first-plugin">
    Full walkthrough with storage, events, and UI
  </Card>

  <Card title="Architecture Overview" icon="sitemap" href="/concepts/architecture">
    Understand how the kernel works
  </Card>
</CardGroup>
